CSS selector oversigt

Af | december 29, 2024
0 Kommentarer

En hurtig CSS genopfriskning

Hvis du, lige som jeg, glemmer selectorer, når de ikke lige har været i brug et stykke tid.
Så vil du nedenstående finde et hurtigt “Spark” til, at huske.

# < . , * + ~ : { } [ ]>

Der er så mange “underlige” CSS Selectorer. Så mange gange kommer man i tvivl om det rigtige valg.

Håber denne liste også kan hjælpe dig.

Download som PDF her. Udskriv og hæng den på væggen 😉

CSS Type Selector
CSS ID Selector
CSS descendant Selector
Combine Descendant & ID Selectors
CSS Class Selector
CSS Combine the Class Selector
Comma Combinator Selector
CSS Universal Selector
CSS Combine Universal Selector
CSS Adjacent Sibling Selector
CSS General Sibling Selector
CSS-child-selector
CSS First Child Pseudo Selector
CSS Only Child Pseudo Selector
CSS Last Child Pseudo Selector
CSS Nth Child Pseudo Selector
CSS Nth Last Child Selector
CSS First of Type Selector
CSS Nth of Type Selector
CSS Nth of Type Selector with Formula
CSS Only of Type Selector
CSS Last of Type Selector
CSS Empty Selector
CSS Negation Pseudo-class Selector
CSS Attribute Selector
CSS Attribute Value Selector
CSS Attribute Starts with Selector
CSS Attribute Ends with Selector
CSS Attribute Wildcard Selector

Download som PDF her. Udskriv og hæng den på væggen 😉