Comment échapper aux deux points dans les sélecteurs CSS pour les éléments avec espace de noms ?

Échappement des deux-points dans les sélecteurs CSS pour les éléments avec espace de noms

Lors de l'utilisation de frameworks JavaScript comme JSF, il est courant que les ID de champ de saisie contiennent des deux-points, ce qui peut interférer avec la spécificité du sélecteur CSS en raison de leur ressemblance avec la syntaxe des pseudo-éléments. Pour gérer cela, une solution simple consiste à échapper les deux points à l'aide d'une barre oblique inverse.

input#search_form\:expression {
  // CSS styling here...
}

Cette syntaxe informe le navigateur que les deux points font partie de l'ID de l'élément lui-même, plutôt que d'initier un sélecteur de pseudo-élément.

Références :

• [Utilisation d'espaces de noms avec CSS](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms531206?redirectedfrom=MSDN) (MSDN)

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!