Puis-je utiliser des sélecteurs CSS avec des points dans les identifiants ?

Utilisation du sélecteur CSS avec un point dans l'ID

Question :

Une règle de sélection CSS peut-elle être utilisée pour correspondre à un code HTML élément avec un ID contenant un point (.)?

Contexte :

La spécification HTML autorise les points dans les ID d'élément. Cependant, un simple sélecteur d'ID CSS comme #some.id ne parvient pas à faire correspondre correctement ces éléments.

Analyse :

La spécification CSS définit un identifiant comme n'incluant pas les points. Cela suggère une incompatibilité fondamentale entre les spécifications HTML et CSS.

Solution :

Malgré les soupçons initiaux, la spécification CSS permet l'échappement de la barre oblique inverse (). Cela permet d'utiliser un point dans un sélecteur d'ID.

Par exemple, la règle CSS suivante correspondrait à un élément HTML avec l'ID "some.id" :

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

Conclusion :

Alors qu'un point dans un ID HTML crée un conflit potentiel avec les sélecteurs d'ID CSS, la séquence d'échappement de barre oblique inverse résout ce problème, permettant l'utilisation d'ID complexes en HTML et CSS.

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!