CSS Almanac 2025, Januari-

ID - CSS-trucs

ID - CSS-trucs

Met de #id-selector kunt u een element targeten door te verwijzen naar het HTML-attribuut id. Vergelijkbaar met hoe klassekenmerken in CSS worden aangeduid met een 'punt' '

: ongeldig - CSS-trucs

: ongeldig - CSS-trucs

Met de: invalid selector kunt u elementen selecteren die geen geldige inhoud bevatten, zoals bepaald door het type-attribuut. : invalid is gedefinieerd in de CSS "

Algemene broer of zus - CSS-trucs

Algemene broer of zus - CSS-trucs

De algemene combinator tussen broers en zussen (~) in CSS ziet er in gebruik als volgt uit: .featured-image ~ p (font-size: 90%;) In dat voorbeeld zou je alles selecteren "

: focus - CSS-trucs

: focus - CSS-trucs

De: focus pseudo-klasse in CSS wordt gebruikt voor het stylen van een element dat momenteel wordt aangevallen door het toetsenbord of geactiveerd door de muis. Hier is een voorbeeld:"

: focus-binnen - CSS-trucs

: focus-binnen - CSS-trucs

De: focus-within pseudo-selector in CSS is een beetje ongebruikelijk, hoewel goed genoemd en nogal intuïtief. Het selecteert een element als dat element een "

: first-of-type - CSS-trucs

: first-of-type - CSS-trucs

Met de: first-of-type selector in CSS kunt u zich richten op de eerste keer dat een element in zijn container voorkomt. Het wordt gedefinieerd in de CSS Selectors Level 3 "

: hover - CSS-trucs

: hover - CSS-trucs

De: hover pseudo-klasse in CSS selecteert elementen wanneer de muiscursor erboven beweegt. Het wordt vaak geassocieerd met link () "

:: eerste regel - CSS-trucs

:: eerste regel - CSS-trucs

Het :: first-line pseudo-element is voor het toepassen van stijlen op de eerste regel van een element. Stel je een alinea voor die meerdere regels lang is (zoals deze!). "

: eerste kind - CSS-trucs

: eerste kind - CSS-trucs

Met de: first-child selector kun je het eerste element direct binnen een ander element targeten. Het wordt in de CSS Selectors Level 3-specificatie gedefinieerd als een '

:: eerste letter - CSS-trucs

:: eerste letter - CSS-trucs

:: first-letter is een pseudo-element waarmee je de eerste letter van een element kunt opmaken, zonder dat je een tag rond die eerste hoeft te plakken "

: leeg - CSS-trucs

: leeg - CSS-trucs

De: lege pseudo-selector zal elementen selecteren die niets of alleen een HTML-commentaar bevatten. div: empty (display: none;) Komt overeen met "

Kind - CSS-trucs

Kind - CSS-trucs

Een kindcombinator in CSS is het "groter dan" -symbool, het ziet er zo uit: ol> li (kleur: rood;) Het betekent "selecteer elementen die directe afstammelingen zijn"

: ingeschakeld - CSS-trucs

: ingeschakeld - CSS-trucs

De: enabled pseudo-class in CSS selecteert focusseerbare elementen die niet zijn uitgeschakeld en daarom ingeschakeld. Het wordt alleen geassocieerd met formulierelementen "

Klasse - CSS-trucs

Klasse - CSS-trucs

Een klasseselector in CSS begint met een punt (.), Zoals hier: .class () Een klasseselector selecteert alle elementen met een overeenkomend klasseattribuut. Bijvoorbeeld,"

: dir () - CSS-trucs

: dir () - CSS-trucs

Met de: dir () pseudo-klasse in CSS kunnen elementen worden geselecteerd op basis van de richting van de taal, zoals bepaald in de HTML-opmaak. Er zijn echt "

: uitgeschakeld - CSS-trucs

: uitgeschakeld - CSS-trucs

De: disabled pseudo-class selector biedt voorwaardelijke opmaak aan HTML-elementen die gebruikersinvoer kunnen ontvangen, wanneer de elementen zijn uitgeschakeld "

Descendant - CSS-trucs

Descendant - CSS-trucs

Een afstammende selector in CSS is elke selector met witruimte tussen twee selectors zonder combinator. Hier zijn enkele voorbeelden: ul li () header h2 () "

: standaard - CSS-trucs

: standaard - CSS-trucs

De: default pseudo-selector komt overeen met de standaard in een groep gekoppelde elementen, zoals het keuzerondje in een groep knoppen die is geselecteerd door "

: gecontroleerd - CSS-trucs

: gecontroleerd - CSS-trucs

De: gecontroleerde pseudo-klasse in CSS selecteert elementen wanneer ze zich in de geselecteerde staat bevinden. Het wordt alleen geassocieerd met input () -elementen van het type radio en "

: blanco - CSS-trucs

: blanco - CSS-trucs

De: blank pseudo-class bouwt voort op de: empty pseudo-class. Zoals: leeg,: leeg selecteert elementen die helemaal niets bevatten, of alleen een HTML "

(kenmerk) - CSS-trucs

(kenmerk) - CSS-trucs

Er zijn veel manieren waarop u elementen in CSS kunt selecteren. De eenvoudigste selectie is op tagnaam, zoals p (). Bijna alles wat specifieker is dan een tag "

:: voor / :: na - CSS-trucs

:: voor / :: na - CSS-trucs

Met de :: before en :: after pseudo-elementen in CSS kunt u inhoud op een pagina invoegen zonder dat deze in de HTML hoeft te staan. Hoewel het eindresultaat niet is "

Z-index - CSS-trucs

Z-index - CSS-trucs

Div (z-index: 1; / * integer * /) De z-index eigenschap in CSS bepaalt de verticale stapelvolgorde van elementen die elkaar overlappen. Zoals in, welke wordt weergegeven als '

: elke-link - CSS-trucs

: elke-link - CSS-trucs

De: any-link pseudo-class in CSS biedt een methode om elementen te selecteren die het bronanker van een hyperlink zijn. Als de term bronanker u heeft verloren, "

: actief - CSS-trucs

: actief - CSS-trucs

De: actieve pseudo-selector verandert het uiterlijk van een link terwijl deze wordt geactiveerd (erop wordt geklikt of anderszins wordt geactiveerd). Het wordt meestal alleen gezien "

Aangrenzende broer of zus - CSS-trucs

Aangrenzende broer of zus - CSS-trucs

De aangrenzende combinator op hetzelfde niveau in CSS is geen selector op zich, maar een manier om twee selectors te combineren. Bijvoorbeeld: p + p (margin: 0;) Het plusteken "

Breedte - CSS-trucs

Breedte - CSS-trucs

De eigenschap width in CSS specificeert de breedte van het inhoudsgebied van het element. Dit 'inhouds'-gebied is het gedeelte binnen de opvulling, rand en marge van'

Witruimte - CSS-trucs

Witruimte - CSS-trucs

De eigenschap witruimte bepaalt hoe tekst wordt afgehandeld op het element waarop het wordt toegepast. Stel dat u HTML precies zo heeft: een heleboel woorden die u "

Zoom - CSS-trucs

Zoom - CSS-trucs

Met de zoom-eigenschap in CSS kunt u uw inhoud schalen. Het is niet standaard en werd oorspronkelijk alleen geïmplementeerd in Internet Explorer. Hoewel verschillende "

Woordafstand - CSS-trucs

Woordafstand - CSS-trucs

De eigenschap woordafstand is vergelijkbaar met letterafstand, hoewel het gebruik ervan natuurlijk de hoeveelheid ruimte tussen de woorden in een stuk tekst bepaalt, niet de '