Header selector

Selector :header selecteert koppen h1, h2, h3, h4, h5, h6. Aangezien :header niet tot de CSS-specificatie behoort, is het voor betere prestaties in moderne browsers beter om eerst elementen te filteren met gebruik van een pure css-selector, en vervolgens .filter(':header') toe te passen.

Syntaxis

Zo selecteren we elementen:

javascript$(':header');

Voorbeeld

Laten we de achtergrond van alle koppen veranderen naar grijs:

html<h1>Kop h1</h1>
<p>tekst</p>
<h2>Kop h2</h2>
<p>tekst</p>
javascript$(':header').css({background: '#ccc'});

Zie ook

  • methode filter,
    die elementen in een set filtert op basis van een opgegeven selector
  • methode css,
    die het mogelijk maakt om CSS-stijlen van een element op te halen en te wijzigen