Attribuutnaamselector

De attribuutnaamselector legt stijl vast voor een element dat enkel het opgegeven attribuut van de tag heeft.

Voorbeeld

Laten we naar de tag <input> kijken, met het attribuut type, en er een lichtblauwe achtergrondkleur aan toekennen:

html<p>
  <label>Voer tekst in</label>
  <input>
</p>
<p>
  <label>Voer nummer in</label>
  <input type="number">
</p>

cssinput[type] {
  background-color: #C2DDFD;
}

Результат:

de attribuutselector,
die een element zoekt op basis van de attribuutwaarde
de attribuutselector,
die een element zoekt op basis van het begin van de attribuutwaarde
de attribuutselector,
die een element zoekt op basis van het einde van de attribuutwaarde
de attribuutselector,
die een element zoekt op basis van tekst in de attribuutwaarde
de attribuutselector,
die een element zoekt op basis van een van de attribuutwaarden
de attribuutselector,
die een element zoekt op basis van een koppelteken in de attribuutwaarde
de Kindselector,
die het mogelijk maakt om elementen te selecteren op basis van directe genesting
de Contextuele selector,
die het mogelijk maakt om een element te selecteren op basis van zijn ouder
de Aangrenzende siblingselector,
die het mogelijk maakt om een element te selecteren op basis van zijn buur
de Algemene siblingselector,
die het mogelijk maakt om elementen na het opgegeven element te selecteren
de Universele selector,
die het mogelijk maakt om alle elementen te selecteren