« Le langage CSS/Les sélecteurs » : différence entre les versions
Contenu supprimé Contenu ajouté
Aucun résumé des modifications Balise : Révocation manuelle |
|||
Ligne 107 :
=== Sélecteur d'attribut ===
Les autres attributs sont référençables en
[nom_attribut]
▲Les autres attributs sont référençables en ajoutant [nom_attribut] à un sélecteur de type.<br/>
Exemple avec une balise input avec attribut "name" :
<syntaxhighlight lang="html">
[http://www.yoyodesign.org/doc/w3c/css2/selector.html#attribute-selectors La syntaxe complète des sélecteurs d'attributs]▼
<input name="saisie">
</syntaxhighlight>
Un sélecteur pour les éléments input avec un attribut name s'écrit :
<syntaxhighlight lang="css">
/* Tous les éléments input avec un attribut name */
input[name]
{
border:1px solid silver; /* ajouter une bordure argentée de 1 pixel. */
}
</syntaxhighlight>
Le sélecteur peut ne pas spécifier de nom d'élément :
<syntaxhighlight lang="css">
/* Tous les éléments avec un attribut name */
[name]
{
border:1px solid silver; /* ajouter une bordure argentée de 1 pixel. */
}
</syntaxhighlight>
La syntaxe précédente ne spécifie pas quelle valeur doit avoir l'attribut.
Il suffit juste qu'il soit spécifié.
On peut cependant ajouter la valeur après un signe égal :
<syntaxhighlight lang="css">
/* Tous les éléments avec un attribut name qui vaut "adresse" */
[name="adresse"]
{
border:1px solid silver; /* ajouter une bordure argentée de 1 pixel. */
}
</syntaxhighlight>
{|
▲* [http://www.yoyodesign.org/doc/w3c/css2/selector.html#attribute-selectors La syntaxe complète des sélecteurs d'attributs]
== Les sélecteurs hiérarchiques ==
| |||