Pregunta Compatibilidad del navegador de algún tipo de selectores css.


Me gustaría saber si hay algún navegador que no admita este tipo de selección?

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

No tengo tantos sistemas operativos diferentes con diferentes navegadores ... Por lo tanto, no sé dónde encontrar esta compatibilidad. Así que por favor dame una mano!


5
2018-02-10 11:50


origen


Respuestas:


IE7 y más recientes, así como todos los demás navegadores, admiten todos los selectores dados.

  1. IE6 lee .class-1.class-2 como .class-2 (ver aquí para una comparación)

  2. IE6 analiza #id-1.class-2 correctamente

  3. IE6 no puede leer >, ignora la regla completa por completo

  4. IE6 no puede leer +, ignora la regla completa por completo

  5. IE6 no puede leer [foo="bar"], ignora la regla completa por completo


5
2018-02-10 11:52



Internet Explorer 5 y 6 no son compatibles >,+ y [attr] selector. Mas información en http://www.quirksmode.org/css/contents.html


2
2018-02-10 11:54



Hay un sitio extremadamente bueno llamado Quirksmode.org que tiene un conjunto completo de tablas de compatibilidad para todos los selectores y características de CSS.

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

Por lo que valga la pena, tendrá problemas con casi todos los que tienen IE6, pero la mayoría de los otros navegadores los manejarán bien.

La solución: no es compatible con IE6.


1
2018-02-10 11:54