De selectors van CSS

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

          Leuk als je dit artikel deelt:
Share

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *