CSS kent een aantal selectors. Op veel engelstalige websites worden deze termen gebruikt. Vaak zorgen deze wel voor onduidelijkheid. Hieronder een uitleg van de verschillende termen die voor de selectors worden gebruikt.

Universal selector
De universele selector wordt gebruikt wanneer een bepaalde stijl voor alle elementen van een website moet worden gebruikt. Vaak wordt deze gebruikt om margin en padding op nul te zetten. Dat gaat als volgt:

* {
margin: 0;
padding: 0;
}

type selector
Dit is de meest gebruikte toepassing van CSS selectors, namelijk voor een specifiek element de stijl bepalen. In onderstaand voorbeeld wordt voor element ‘h1’ de kleur rood gebruikt en lettergrootte 23 pt. Deze stijl geldt voor ieder ‘h1’-element. Voorbeeld:

h1 {
color: #FF0000;
size: 23pt;
}

Universal selector
De universele selector wordt gebruikt wanneer een bepaalde stijl voor alle elementen van een website moet worden gebruikt. Vaak wordt deze gebruikt om margin en padding op nul te zetten. Dat gaat als volgt:

* {
margin: 0;
padding: 0;
}

Wil of heb jij ook een website?

  • Krijg elke dinsdag tips en ideeën voor je website
  • Ontvang het ‘Het Complete Blog Ideeën boek‘ helemaal voor niks
  • Iedere week een update van nieuwe artikelen op mijn website

Meld je ook aan!