Maison >interface Web >tutoriel CSS >Comment puis-je sélectionner des éléments CSS avec plusieurs attributs et valeurs spécifiques ?

Comment puis-je sélectionner des éléments CSS avec plusieurs attributs et valeurs spécifiques ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-24 02:21:09777parcourir

How Can I Select CSS Elements with Multiple Attributes and Specific Values?

Sélection d'attributs en CSS : attributs et valeurs multiples

En CSS, les sélecteurs d'attributs permettent une sélection précise d'éléments en fonction de leurs attributs et valeurs. Pour sélectionner des éléments avec plusieurs attributs et valeurs spécifiques, la syntaxe suivante est utilisée :

element[attribute1=value1][attribute2=value2]

Par exemple, pour sélectionner un élément d'entrée avec à la fois le nom et la valeur des attributs définis sur des valeurs spécifiques, utilisez :

input[name=Sex][value=M]

Ce sélecteur fera correspondre les éléments d'entrée comme les suivants :

<input type="radio" name="Sex" value="M" />

Il exclura les éléments avec des valeurs d'attribut différentes, telles que comme :

<input type="radio" name="Sex" value="F" />

La spécification CSS indique explicitement que plusieurs sélecteurs d'attributs peuvent être appliqués au même élément :

Plusieurs sélecteurs d'attributs peuvent être utilisés pour faire référence à plusieurs attributs d'un élément, ou même plusieurs fois au même attribut.

Pour garantir que les valeurs d'attribut sont des identifiants valides, des guillemets doivent être utilisés autour d'eux. Sinon, ils ne sont pas obligatoires.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn