Les sélecteurs d'ID CSS peuvent-ils utiliser des points dans les éléments HTML ?

Sélecteurs d'ID CSS avec points dans les éléments

La spécification HTML permet l'inclusion de points (.) dans l'ID d'un élément. Cependant, une règle de sélection d'ID CSS directe ne s'appliquera pas, ce qui soulève des inquiétudes quant à d'éventuels désalignements entre les spécifications HTML et CSS.

La spécification CSS pour les sélecteurs d'ID omet de mentionner ce scénario, ce qui laisse supposer qu'elle exploite un composé combinaison d'un nom de balise et d'un sélecteur de classe. Par exemple, la règle CSS "a.className" cible toutes les balises d'ancrage () possédant le nom de classe "className".

Ce problème de compatibilité soulève la question de savoir s'il est possible d'utiliser un fichier CSS externe. règle pour référencer un élément HTML avec un point dans son ID. La présomption est "non", car la spécification CSS stipule qu'un "identifiant" CSS ne comporte pas de point comme caractère admissible.

Après une exploration plus approfondie des spécifications, il a été découvert que la spécification CSS autorise la barre oblique inverse ( ) s'échappant comme on le voit dans de nombreux autres langages de programmation. Cela signifie que la règle suivante fera correspondre avec succès un élément avec un point dans son ID :

<code class="css">#some\.id {
  color: #f00;
}</code>

En échappant le point avec la barre oblique inverse, le sélecteur CSS peut cibler avec précision l'élément souhaité dans le document HTML.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!