Sélecteurs d'attributs CSS : citer ou ne pas citer ?

Sélecteurs d'attributs en CSS : énigme des guillemets

Lors de la création de sélecteurs d'attributs CSS pour correspondre aux attributs des éléments, tels que a[rel=" nofollow"], un dilemme persistant se pose : faut-il ou non inclure une citation marques.

La question des citations

La spécification CSS dicte des lignes directrices pour la syntaxe du sélecteur d'attribut, y compris le placement de guillemets autour des valeurs d'attribut.

Les guillemets sont-ils nécessaires ?

En général, les guillemets ne sont pas requis si la valeur de l'attribut se compose uniquement de caractères alphanumériques. Cependant, des exceptions existent pour :

• Valeurs contenant des espaces (par exemple, a[title=My Page])
• Valeurs contenant des caractères spéciaux à la syntaxe CSS (par exemple, astérisques, parenthèses, etc. .)
• Valeurs commençant par un trait d'union (par exemple, a[class=invalid-class])

Exemples de sélecteurs valides

Sur la base des règles susmentionnées, les sélecteurs d'attributs suivants sont considérés comme valides :

a[rel="nofollow"]

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

a[data-id='123']

Meilleur Pratique

Bien que les guillemets soient facultatifs pour les valeurs alphanumériques, il est considéré comme une bonne pratique de les inclure pour garantir la cohérence et éviter les conflits potentiels.

Ressources

Pour une analyse approfondie de ce sujet, reportez-vous à :

• [Attribut non cité Valeurs en HTML et CSS](lien fourni dans la réponse)
• [Validateur de valeur d'attribut non cité](lien fourni dans la réponse)

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!