Sélecteur header

Le sélecteur :header sélectionne les en-têtes h1, h2, h3, h4, h5, h6. Étant donné que :header n'appartient pas à la spécification CSS, pour améliorer les performances dans les navigateurs modernes, il est préférable de d'abord filtrer les éléments avec un sélecteur CSS pur, puis d'appliquer .filter(':header').

Syntaxe

C'est ainsi que nous sélectionnons les éléments :

javascript$(':header');

Exemple

Changeons l'arrière-plan de tous les en-têtes en gris :

html<h1>En-tête h1</h1>
<p>texte</p>
<h2>En-tête h2</h2>
<p>texte</p>
javascript$(':header').css({background: '#ccc'});

Voir aussi

  • la méthode filter,
    qui filtre les éléments dans un ensemble selon un sélecteur donné
  • la méthode css,
    qui permet d'obtenir et de modifier les styles CSS d'un élément