Sélecteur BALISE

Rôle

Le sélecteur balise, permet de cibler tous les éléments de la page définit par une balise particulière, comme sélectionner, par exemple, tous les paragraphes

Si vous souhaitez cibler toutes les balises, utiliser le sélecteur universel.

Le code ci dessous cible tous les titre.

<h1>Titre 1</h1>
<p>lorem ipsum</p>
<h1>Titre 2</h1>
<p>lorem ipsum</p>

Cible en CSS.

h1 {
    color: red;
}

Testez vous-même ce sélecteur

Utilisez Codepen.

– Le code CSS

em{
  background-color: pink;
}

– Le code HTML

<p>Lorem ipsum <em>dolor</em> sit amet, consectetur adipisicing elit. Distinctio <em>dolores</em> praesentium repellendus molestias excepturi unde quia sit perspiciatis <em>repudiandae </em>, architecto, nostrum veniam  porro corrupti reiciendis <em>corporis</em> quidem sapiente enim?</p>

Résultat

Dans cet exemple, on applique un fond rose sur le contenu en italique

Compatibilité

Le sélecteur balise est pris en charge par tous les principaux navigateurs

A voir aussi

#id (sélecteur id)
.class (sélecteur class)
#head p>em (sélecteur contextuel)
p,h1 (sélecteur multiple)
* (sélecteur universel)
p a (sélecteur descendant)
p>a (sélecteur enfant)
[] (sélecteur d’attribut)
[attribut=valeur]
[attribut~=valeur]
[attribut|=valeur]
[attribut^=valeur]
[attribut$=valeur]
[attribut*=valeur]
h1+p (sélecteur adjacent)
h1~p (sélecteur de proximité)