Lær hvad CSS vælger

Begyndende CSS

CSS er afhængig af mønstringsmatchningsregler for at bestemme hvilken stil der gælder for hvilket element i dokumentet. Disse mønstre kaldes selektorer, og de spænder fra tagnavne (for eksempel p for at matche punktkoder) til meget komplicerede mønstre, der matcher meget specifikke dele af et dokument (for eksempel p # myid> b.highlight ville matche enhver b-tag med en klasse af højdepunkt, der er et barn i stykket med id myid).

En CSS-vælger er den del af et CSS-stilopkald, der identificerer, hvilken del af websiden der skal styles. Vælgeren indeholder en eller flere egenskaber, der definerer, hvordan den valgte HTML vil blive stylet.

CSS Selectors

Der er flere forskellige typer selektorer:

Format CSS Styles og CSS Selectors

Formatet af en CSS-stil ser sådan ud:

selector {style property: style; }

Adskil flere selektorer, der har samme stil med kommaer. Dette kaldes selector grouping. For eksempel:

selector1 , selector2 {style property: style; }

Gruppering af selektorer er en stenografi mekanisme for at holde dine CSS-stilarter kompakte.

Ovennævnte gruppering vil have samme virkning som:

selector1 {style property: style; }
selector2 {style property: style; }

Test altid dine CSS selektorer

Ikke alle browsere understøtter alle CSS-vælgerne. Så sørg for at teste dine selektorer i så mange browsere på så mange operativsystemer som du kan. Men hvis du bruger CSS 1 eller CSS2 selektorer, skal du være i orden.