Les sélecteurs CSS peuvent-ils cibler avec succès des éléments avec des identifiants en pointillés ?

Adressage des sélecteurs CSS avec des points dans les ID

La spécification HTML autorise les points (.) dans les ID, permettant aux éléments d'avoir des identifiants tels que "< ;img id="quelque.id" />". Cependant, les sélecteurs d'ID CSS conventionnels, tels que "#some.id { color: #f00; }", ne parviennent pas à faire correspondre les éléments avec des ID en pointillés.

Contrairement à la spécification CSS pour les sélecteurs d'ID, qui omet ce scénario , le problème vient de l'utilisation par CSS d'un nom de balise hybride et d'un sélecteur de classe. Une règle telle que "a.className" cible toutes les balises d'ancrage avec un nom de classe "className".

La question se pose : les règles CSS externes peuvent-elles cibler des éléments avec des ID en pointillés ? La réponse est nuancée. Bien que la spécification CSS restreint l'utilisation de points dans les identifiants, une solution de contournement existe via l'échappement de la barre oblique inverse ().

Cette technique permet de créer des sélecteurs qui font correspondre les éléments avec des points. Par exemple, la règle suivante utilise l'échappement par barre oblique inverse pour cibler un élément avec l'ID "some.id": "#some.id { color: #f00; }".

Ainsi, malgré les divergences des spécifications, il est possible d'adresser des éléments avec des ID en pointillés à l'aide de sélecteurs CSS en utilisant l'échappement par barre oblique inverse.

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!