CSS cas des noms avec des caractères spéciaux (./

Pour référencer un identifiant avec un caratère spécial, il faut utiliser le caractère \.

Exemple :
HTML :    <div id="denis.dupont">
CSS     :   #denis\.dupont

Sans l'utilisation de \, #denis.dupont selectionne l'identifiant denis de classe dupont


Voici une utilisation avancée de cette notation ; notez le double \\ dans le content :

#denis\.dupont:before{
  color : red;
  content :  " id=" attr(id) ;
}

#denis\.dupont:after{
  content :  " selectionner avec #denis\\.dupont" ;
}