De opbouw is als volgt:
selector::pseudo-elementnaam { stijldeclaratie }
De naam van een pseudo-element selector is niet hoofdlettergevoelig. Dat wil zeggen dat het niet uitmaakt of de naam in hoofdletters of in kleine letters wordt geschreven. |
p::first-line {
color: green;
font-weight: bold;
font-variant: small-caps;
}
De volgende eigenschappen zijn van toepassing op het ::first-line pseudo-element: font, color, background, word-spacing, letter-spacing, vertical-align, text-transform, line-height, text-decoration en clear. |
Let op de dubbele dubbele punt ::first-line versus :first-line. In CSS3 werd de enkele dubbele punt vervangen door twee dubbele punten. Dit om onderscheid te maken tussen pseudo-classen en pseudo-elementen. |
p::first-letter {
color: #ff0000;
font-size: xx-large;
}
De volgende eigenschappen zijn van toepassing op het ::first-letter pseudo-element: font, color, background, margin, padding, border, float, vertical-align, text-transform, line-height, text-decoration en clear. |
Het ::first-letter pseudo-element selector kan alleen worden toegepast op blokniveau elementen. |
p::before {
content: url("images/clock.png");
}
p::after {
content: url("images/info.png");
}
::marker {
color: green;
font-size: 25px;
}
::selection {
color: white;
background: green;
}
p.groteletter::first-letter {
color: #ff0000;
font-size: xx-large;
}
Ad blocker gedetecteerd! | |
Ons website heeft gedetecteerd dat u een Ad blocker gebruikt. Codecenter.nl is gratis, wij blijven overeind door het weergeven van advertenties en u kunt ons daarbij helpen. Het wordt aanbevolen om uw Ad blocker uit te schakelen zodat u verder gebruik kunt maken van codecenter.nl, alvast bedankt. |