De selectors van CSS

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. LustPage 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;
}