PRATIQUE CLIENTS WEB 
Sélectionner les éléments ayant un certain attribut
 
Un sélecteur de CSS permet d'inclure dans les cibles d'une règle tous les éléments disposant d'un certain attribut, qu'importe sa valeur.
(18/07/2005)
  Forum

Réagissez dans les forums de JDN Développeurs

Les sélecteurs de CSS offrent une très large palette de possibilités aux développeurs Web, lui permettant de cibler plus précisément ou plus largement les éléments de son document.

Le sélecteur élément[attribut] { ... } permet ainsi de ne cibler que les éléments disposant d'un certain attribut, ou même de certains attributs.

Ainsi, la règle CSS suivante :

h1[class] { ... }

...agira sur tous les éléments h1 disposant d'une balise class, quel que soit son contenu. Ainsi, pour les éléments suivants :

<h1 class="bidule">bidule</h1>
<h1 class="machin">machin</h1>
<h1 id="chose">chose</h1>


...seuls les deux premiers seront touchés. Il est possible par ailleurs de préciser les éléments :

img[src][alt] { ... }

...ciblera les éléments disposant des deux éléments (et non de l'un des deux).


Les meilleures astuces CSS sur le JDN :
- Comment appliquer les CSS d'une page web au contenu d'une iframe ?
- Comment centrer horizontalement une DIV dans une autre en CSS ?
- Comment créer un arrière-plan (backgroud) CSS extensible et adaptable ?
- Comment définir les cellpadding et cellspacing en CSS ?
- Comment modifier l'image d'un bouton input en CSS ?
- Comment rendre l'arrière-plan d'un élément semi-transparent en conservant le texte de cet élément opaque en CSS ?
- Internet Explorer supporte-t-il l'attribut CSS border-radius
 
Xavier Borderie, JDN Développeurs
 
 
Accueil | Haut de page