"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Sélecteur d'attribut CSS: utilisez des citations ou non?

Sélecteur d'attribut CSS: utilisez des citations ou non?

Publié le 2025-04-13
Parcourir:755

CSS Attribute Selectors: To Quote or Not to Quote?

secteur des sélecteurs d'attribut dans CSS: Mark de quotation conindrum

lors de l'élaboration de sélecteurs d'attribut CSS pour correspondre aux attributs des éléments: comme un [rel = "nofollow"], un dilemma persistant est en train de faire des éléments: si ou non ou non l'inclusion de la citation " Marques. Si la valeur d'attribut se compose uniquement de caractères alphanumériques. Cependant, des exceptions existent pour:

valeurs contenant des valeurs Whitespace (par exemple, a [title = ma page])

contenant des caractères spéciaux pour la syntaxe CSS (par exemple, les valeurs astérisques, parenthèses, etc.)

commençant par un hyphène (e.g., a [class = non valide-classe])

Exemples de sélecteurs valides

    Basés sur les règles susmentionnées, les sélecteurs d'attribut suivants sont considérés valide:
  • a [rel = "nofollow"]
  • a [href ^ = "http: //"]
  • a [data-id = '123']

Les valeurs facultatives pour les valeurs facultatives

sont facultatives pour alphanum est considéré comme la meilleure pratique pour les inclure pour garantir la cohérence et empêcher les conflits potentiels.

a[rel="nofollow"]
a[href^="http://"]
pour une analyse approfondie de ce sujet, reportez-vous à:
a[href^="http://"]

[des valeurs d'attributs non citées dans les valeurs HTML et CSS] (lien fournie dans la réponse) Validator] (lien fourni dans la réponse)

Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3