Совместимость браузера некоторых типов селекторов CSS

Question

Хотелось бы узнать, есть ли где-нибудь браузеры, не поддерживающие этот тип выбора?

1) .class-1.class-2
2) #id-1.class-2
3) .class-1 > .class-2
4) .class-1 + .class-2
5) .class[foo="bar"]

У меня не так много разных ОС с разными браузерами ... Так что не знаю, где найти эту совместимость Поэтому, пожалуйста, дайте мне руку!

Answer 1

IE7 и новее, а также все другие браузеры поддерживают все указанные вами селекторы.

1. IE6 читает .class-1.class-2 как .class-2 (см. здесь для сравнения)

2. IE6 анализирует #id-1.class-2 правильно

3. IE6 не может прочитать >, полностью игнорирует все правило

4. IE6 не может прочитать +, полностью игнорирует все правило

5. IE6 не может прочитать [foo="bar"], полностью игнорирует все правило

Answer 2

Internet Explorer 5 & 6 не поддерживает селектор >, + и [attr]. Больше информации на http://www.quirksmode.org/css/contents.html

Answer 3

Существует очень хороший сайт под названием Quirksmode.org, который имеет полный набор диаграмм совместимости для всех селекторов и функций CSS.

http://www.quirksmode.org/css/contents.html

Несмотря на это, у вас будут проблемы почти со всеми из них с IE6, но большинство других браузеров справятся с ними просто отлично.

Решение: не поддерживает IE6.