« Le langage CSS/Les sélecteurs » : différence entre les versions

Contenu supprimé Contenu ajouté
Aucun résumé des modifications
Balise : Révoqué
Ligne 22 :
=== Sélecteur universel ===
Le sélecteur étoile (*) sélectionne toutes les balises du document web. Si on souhaite modifier la police de tout le document, on pourra donc employer :
<syntaxhighlight lang="html">
* {
font-family: serif;
}
</syntaxhighlight>
Le sélecteur universel peut trouver d'autres applications dans l'imbrication d'éléments (voir [[#Le sélecteur de descendant|Le sélecteur de descendant]] plus loin). Il est en effet optionnel lorsqu'il est accolé à un autre sélecteur, ce qui le rend généralement peu utile :
<syntaxhighlight lang="html">
*.''nom_classe'' {
font-family: serif;
}
</syntaxhighlight>
est en effet équivalent à :
<syntaxhighlight lang="html">
.''nom_classe'' {
font-family: serif;
}
</syntaxhighlight>
 
=== Sélecteur de type ===
D'un point de vue de la sémantique employée par le W3C, lorsqu'on utilise ''h2'' pour changer le style de tous les titres de niveau 2, on utilise un sélecteur de type. Un sélecteur de type est donc le nom d'une balise dans la page web. Exemple :
 
<syntaxhighlight lang="html">
h2 {
font-size: 150%;
}
</syntaxhighlight>
 
fixe la taille de la police pour les titres de niveau 2 à 150 % de la police normale. Il s'agit bien évidemment d'un sélecteur extrêmement courant d'utilisation.