Les sélecteurs d'ID CSS peuvent-ils gérer les points dans les ID HTML ?

Adressage des sélecteurs d'ID avec des points en CSS

En HTML, les points sont autorisés dans les attributs d'identification. Cependant, lors de l'utilisation de ces éléments dans les règles de sélection d'ID CSS, des incohérences surviennent en raison du fait que les points ne font pas partie des "identifiants" CSS valides.

Certaines personnes supposent que les règles de sélection d'ID CSS suivent la syntaxe d'un nom de balise et d'une classe. combinaison de sélecteurs, telle que "a.className" ciblant les balises d'ancrage avec le nom de classe spécifié. Cela nous amène à nous demander s'il est possible de référencer des éléments HTML avec des identifiants contenant des points dans des fichiers CSS externes.

La spécification CSS précise que les points ne font pas partie des « identifiants » valides, ce qui suggère qu'ils ne peuvent pas être utilisés dans l'ID. règles de sélection. Cependant, une exploration plus approfondie révèle que CSS prend en charge l'échappement des barres obliques inverses () pour les caractères spéciaux.

Par conséquent, pour faire correspondre un élément HTML avec un identifiant contenant un point, la règle CSS d'échappement suivante peut être utilisée :

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

Cette syntaxe permet aux règles de sélection d'ID CSS de référencer des éléments avec des points dans leurs identifiants, s'alignant sur la spécification HTML et offrant une alternative viable à la modification de l'attribut HTML id.

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!