Поддержка браузера для комбинированных селекторов типа, ID и класса? - PullRequest
Новая
       15

Поддержка браузера для комбинированных селекторов типа, ID и класса?

1 голос
/ 26 мая 2011

A селектор типа соответствует названию типа элемента языка документа.Селектор типа соответствует каждому экземпляру типа элемента в дереве документа.Например: 

/* The following rule matches all H1 elements 
   in the document tree:  */
h1 { font-family: sans-serif; }

Селектор идентификатора соответствует экземпляру элемента на основе его уникального идентификатора. 

/* The following rule matches the element whose 
   ID attribute has the value "header":  */
#header { text-align: center; }

A селектор класса совпадений

/* The following rule matches all elements 
   with class "money":  */
.money { color: green; }

Селекторы можно комбинировать в CSS: 

h1#chapter1 { font-size: 32px; text-align: center }

p#chapter1.intro { text-align: left }

p.ending { font-style: italic; }

#login.disabled { color: #f00; }

Мой вопрос: что такое поддержка браузера (IE6 и выше) для комбинированного селектора типа, идентификатора и класса?

Ответы [ 2 ]

3 голосов
/ 26 мая 2011

Все ваши заданные комбинации селекторов поддерживаются в каждом браузере в современном использовании.Включая IE6 +.

Единственное, что IE6 имеет проблемы с синтаксическим анализом, - это комбинированные селекторы классов: 

.class1.class2

, которые считываются в зависимости от того, какой класс последним в цепочке (.class2 в данном случае)таким образом заставляя это соответствовать любому элементу по крайней мере с тем последним классом.Иллюстрацию можно найти в этом другом ответе .

0 голосов
/ 25 августа 2011

Ответы на этот вопрос: Объединение селектора класса с идентификатором

... похоже указывает на то, что # id.class НЕ работает в IE6

...