2011-09-26 17 views
24

que estaba actualizando recientemente un sitio CMS y un plugin tabuladores de navegación se había insertado el siguiente marcado:¿Los selectores de CSS distinguen entre mayúsculas y minúsculas?

<li id="News_tab">... 

siempre he escrito mis selectores CSS en minúsculas así que cuando he intentado esto con el estilo de #news_tab, que wouldn No se aplica, pero #News_tab funcionó.

Después de todos estos años, me sorprende que no me he encontrado con esto antes, por lo que siempre he tenido la impresión de que CSS no distingue entre mayúsculas y minúsculas. ¿CSS siempre ha sido sensible a mayúsculas y no me he dado cuenta gracias a mi estilo de código consistente?

+0

No use las mayúsculas para iniciar los atributos de clase o id. personalmente, no los utilizo en absoluto, a excepción de las clases JS de camel case. – albert

+0

@albert Sí, tampoco usaría mayúsculas ... fue generado por un complemento, no por mi estilo. –

+0

¡Asegúrate de usar un DOCTYPE o podrías tener un comportamiento extraño! –

Respuesta

2

http://www.w3.org/TR/CSS2/syndata.html

Todo sintaxis CSS es sensible a las mayúsculas dentro del rango ASCII (es decir, [az] y [AZ] son ​​equivalentes), excepto para las partes que no están bajo el control de CSS

Desde el sitio web de documentos.


de Seguimiento de selectores:

http://www.w3.org/TR/CSS2/selector.html

La mayúsculas y minúsculas de los nombres de elementos del lenguaje del documento en selectores depende del idioma del documento. Por ejemplo, en HTML, los nombres de los elementos no distinguen entre mayúsculas y minúsculas, pero en XML son sensibles a las mayúsculas y minúsculas.

+0

Como se mencionó, CSS no distingue entre mayúsculas y minúsculas, pero HTML impone restricciones. –

6

Los atributos de clase e ID entre mayúsculas y minúsculas:

http://reference.sitepoint.com/css/casesensitivity

+3

Me gusta esta línea: * La forma más sencilla de mitigar cualquier posible problema relacionado con la distinción entre mayúsculas y minúsculas es usar siempre minúsculas para todo en tu marcado y CSS. * – animuson

+0

El enlace probablemente ya no vaya al destino previsto ... –

8

CSS4 (CSS Selector Level 4) agrega compatibilidad para la coincidencia de mayúsculas y minúsculas (solo ASCII).

input[value='search' i]

Es la "i" al final lo que haría el truco ...

comprobar mi other answer de detalles que navegador es compatible con esto.

Cuestiones relacionadas