Les sélecteurs CSS sont-ils sensibles à la casse?

j'ai récemment mis à jour un site CMS et un plugin de navigation tab-avait inséré le balisage suivant:

<li id="News_tab">...

j'ai toujours écrit mes sélecteurs CSS en minuscules donc quand j'ai essayé de le faire avec #news_tab, il ne s'applique pas, mais #News_tab travaillé.

après toutes ces années, je suis surpris de ne pas être tombé là-dessus avant, donc j'ai toujours eu l'impression que CSS était insensible à la casse. CSS a-t-il toujours été sensible à la casse et je n'ai pas remarqué grâce à mon style de code cohérent?

25
demandé sur Andrew Vit 2011-09-26 22:00:32

4 réponses

CSS lui-même est insensible à la casse, mais les sélecteurs de HTML (class et id) sont sensibles à la casse:

CSS recommandation sur le respect de la casse

recommandation HTML, attribut id (noter les [CS])

28
répondu Einacio 2011-09-26 20:34:29

sélecteur CSS niveau 4) ajoute la prise en charge de la correspondance non sensible à la casse (ASCII seulement).

input[value='search' i]

C'est le "i" à la fin qui ferait l'affaire...

Vérifier mon réponse pour plus de détails, quel navigateur supporte cette option.

8
répondu Robert Siemer 2017-07-13 10:30:28

attributs Class et ID sont sensibles à la casse:

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

6
répondu DA. 2011-09-26 18:04:37

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

toute la syntaxe CSS est insensible à la casse dans la plage ASCII (c.-à-d. que [A-z] et [A-Z] sont équivalents), sauf pour les pièces qui ne sont pas sous le contrôle de CSS

à Partir de la documentation du site web.


suivi des sélecteurs:

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

le cas-sensibilité du langage de document les noms d'éléments dans les sélecteurs dépendent de la langue du document. Par exemple, en HTML, les noms d'éléments sont insensibles à la casse, mais en XML, ils sont sensibles à la casse.

2
répondu Brad Christie 2011-09-26 18:02:49