В CSS там отборщик для ссылки на определенный входной тип, у которого также есть класс?

Question

В CSS там отборщик для ссылки на определенный входной тип, у которого также есть класс?

В основном я хочу отборщика CSS, который захватывает весь вход [тип = "текст"], но у этого также есть класс "некоторый-класс".

Оба из следующего, кажется, не работают на меня:

input[type="text"] .some-class {}    /* doesn't work */

.some-class input[type="text"] {}    /* doesn't work */

Я уверен, что пропускаю что-то простое здесь. Заранее спасибо.

33

добавлено 09 Январь 2013 в 05:34 автор Art Geigel

Просмотры: 3

источник

nl ja de

2 ответы

You want input.some-class[type="text"]

.some-class input looks for input tags that are descendants of .some-class.

input.some-class does the reverse.

71

добавлено 09 Январь 2013 в 05:35 автор wless1

источник

@Art Geigel: Это лучше потому что it' s использование правильного инструмента для работы..., если вы знаете, можно использовать отборщика класса, чтобы выбрать классом, тогда просто использовать отборщика класса!

добавлено 09 Январь 2013 в 06:44, автор BoltClock, источник

Потрясающий. Спасибо. Я также просто обнаружил секунду назад, которые вводят [тип = "текст"] [класс ~ =, "некоторый-класс"] также работает, но мне нравится ваше решение лучше, потому что это более чисто.

добавлено 09 Январь 2013 в 05:58, автор Art Geigel, источник

Видеокурс "Создание приложений для Android"

Получи множество видеоуроков по Android сейчас

автор Hasteq · Answer 1 · 2015-06-04T08:13Z

    input[type="text"].some-class {
    ....
     }

без пространства между "входом [тип = будет работать "текст"]" и ".some-класс"..

вход [тип = "текст"] - промежуточное пространство является problem-.some-class {}