Квадратные скобки в CSS

Question

Что это значит, когда что-то между квадратными скобками в CSS? Например

input[type="radio"]

Answer 1

Это атрибутивный селектор в CSS

E[foo="warning"] Соответствует любому элементу E, у которого значение атрибута "foo" в точности равно значению "warning".

больше на http://www.w3.org/TR/CSS2/selector.html

Answer 2

Квадратные скобки являются синтаксисом селектора атрибутов.

Ваш (полный) пример означает "Выберите элементы ввода типа, которые имеют атрибут типа со значением radio", например <input type="radio">

Answer 3

Это селектор атрибута. Он выбирает элементы, которые имеют указанный атрибут. Вы можете узнать больше о них здесь: https://developer.mozilla.org/en-US/docs/CSS/Attribute_selectors

В вашем примере: input[type="radio"]

Это будет соответствовать элементу, который выглядит следующим образом:

<input type='radio'>

Селектор, который вы задали в вопросе, означает, что ему потребуются все три слова: имя элемента "input", атрибут "type" и значение для этого атрибута "radio".

Совместимость с браузерами: это стандартный селектор, который доступен во всех браузерах общего пользования. Единственный браузер, о котором вам нужно беспокоиться, который не поддерживает его, это IE6. Смотрите здесь диаграммы совместимости для этого и других селекторов CSS.

Надеюсь, это поможет.

Answer 4

Это селектор атрибутов CSS, который будет выбирать входы только с типом радио, то есть он будет выбирать все переключатели. Вот статья, объясняющая это немного больше.