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

Affinage des sélecteurs CSS avec correspondance d'attributs multiples

En CSS, les sélecteurs d'attributs permettent la sélection précise d'éléments HTML en fonction de leurs attributs. Lorsqu'il s'agit de plusieurs attributs, la requête suivante peut survenir :

Q : Comment sélectionner des éléments HTML qui ont à la fois un nom et une valeur d'attribut spécifiques ? Par exemple, je souhaite cibler les éléments d'entrée avec "name=Sex" et "value=M".

A : Pour faire correspondre plusieurs attributs dans un sélecteur CSS, ajoutez simplement des sélecteurs d'attributs avec leurs paires de nom et de valeur souhaitées. Dans votre exemple, la syntaxe correcte est :

input[name=Sex][value=M]

Ce sélecteur sélectionnera les éléments d'entrée avec les attributs "name=Sex" et "value=M". Les autres éléments d'entrée avec des attributs différents, tels que "name=Sex" et "value=F", ne seront pas sélectionnés.

La norme W3C précise davantage les sélecteurs d'attributs multiples : "Des sélecteurs d'attributs multiples peuvent être utilisés pour faire référence à plusieurs attributs d'un élément, voire plusieurs fois au même attribut."

Par exemple, ce sélecteur cible les éléments SPAN où l'attribut "hello" est égal à "Cleveland" et l'attribut "au revoir" est égal à "Columbus":

span[hello="Cleveland"][goodbye="Columbus"]

Notez que les guillemets sont obligatoires autour des valeurs d'attribut si elles ne sont pas des identifiants valides.

En résumé, l'utilisation de plusieurs sélecteurs d'attribut vous permet pour affiner précisément les sélecteurs CSS en faisant correspondre les éléments avec des combinaisons d'attributs spécifiques.

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!