Sélecteurs d'attributs CSS : quand les guillemets sont-ils nécessaires ?

Sélecteurs d'attributs CSS : dilemme des guillemets

Les sélecteurs d'attributs permettent aux auteurs CSS de cibler des éléments en fonction de leurs attributs. Cependant, la présence ou l'absence de guillemets entourant la valeur d'attribut a été une source de confusion.

Selon la spécification CSS, les valeurs d'attribut peuvent être citées à l'aide de guillemets simples ou doubles, ou peuvent être entièrement non citées. Les exemples suivants illustrent ces variantes :

a[rel="nofollow"]
a[rel='nofollow']
a[rel=nofollow]

Généralement, les valeurs d'attribut sans guillemets sont autorisées si la valeur est constituée uniquement de caractères alphanumériques, de tirets (-) ou de traits de soulignement (_). Cependant, certains caractères spéciaux, tels que les espaces et les points, nécessitent des guillemets pour être valides.

Par exemple, le sélecteur suivant ne fonctionnerait pas sans guillemets :

a[href^=http://]

En effet, le caractère point serait interprété comme un séparateur entre l'attribut et la valeur. L'utilisation de guillemets garantit que le point est reconnu comme faisant partie de la valeur :

a[href^="http://"]

En tant que bonne pratique, il est conseillé d'utiliser des guillemets autour des valeurs d'attribut pour éviter les conflits potentiels. Cela garantit que le sélecteur fonctionnera comme prévu, même si la valeur de l'attribut contient des caractères spéciaux.

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!