Me gustaría saber si hay navegadores que no admitan este tipo de selección?Compatibilidad del navegador de algún tipo de selectores css
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 OS diferente con diferentes navegadores ... Así que no saben dónde pueden encontrar estos compatibilidad. ¡Entonces, por favor, dame una mano!
IE7 y posteriores, así como todos los demás navegadores, admiten todos sus selectores determinados.
IE6 lee .class-1.class-2 como .class-2 (ver here para una comparación)
IE6 analiza #id-1.class-2 correctamente
IE6 no puede leer >, hace caso omiso de la regla entera por completo
IE6 no puede leer +, ignora toda la regla por completo
IE6 no puede leer [foo="bar"], ignora por completo toda regla
Internet Explorer 5 & 6 no son compatibles con >, + y [attr] selector. Más información en http://www.quirksmode.org/css/contents.html
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 su valor, tendrá problemas con casi todas las personas con IE6, pero la mayoría de otros navegadores hará frente a todos ellos muy bien.
La solución: No es compatible con IE6.
Entonces, si no me importa IE6, puedo usar cualquiera de ellos de forma segura, ¿no? – PeterWong
@PeterWong: Sí. – BoltClock