Lorsque l'on travail avec du css, les designers cible généralement les éléments à partir de leur id ou de leur class . Toutefois vous pouvez cibler des éléments en n'utilisant pas ces deux attributs.
Il y a beaucoup d'exemples ou l'on peut souhaiter cibler un élément tout en évitant d' utiliser ces deux sélecteurs les plus courant .
Dans cet article nous allons vous montrer comment cibler des éléments avec du CSS et des attributs 2 exemples qui vont plus loin que les id et class.
Cibler un élément avec un attribut et sa valeur exacte
Dans notre premier exemple, nous souhaitions cibler ce champ avec du CSS :
<input type="text" name="myfield">
Nous pouvons utiliser l' attribut type comme sélecteur. Le CSS ressemble à ceci :
input[type="text"] {
}
Nous pouvons aussi utiliser l 'attribut name comme sélecteur. La clé est de mettre l'attribut et sa valeur exacte entre les crochets à coté du tag name :
input[name="myfield"] {
}
Lire la suite