CSS er avhengig av mønster matching regler for å bestemme hvilken stil som gjelder for hvilket element i dokumentet. Disse mønstrene kalles velgere og de spenner fra tagnavn (for eksempel,
p for å matche avsnittetiketter) til svært kompliserte mønstre som samsvarer med svært spesifikke deler av et dokument (for eksempel,
p # myid> b.highlight ville matche noen
b tag med en klasse av
fremheve Det er et barn av avsnittet med id
myid).
En CSS-väljare er den delen av et CSS-stilanrop som identifiserer hvilken del av nettsiden som skal utformes. Vælgeren inneholder en eller flere egenskaper som definerer hvordan den valgte HTML-formatet blir stylet.
CSS Selectors
Det finnes flere forskjellige typer selektorer:
- skriv velgere - samsvarer med et bestemt element
- klassevalgere - matchende elementer med en bestemt klasse
- ID-selektorer - samsvarer med elementet med en bestemt ID
- etterkommere selectors - matchende elementer som er etterkommere av et bestemt element
- barnselektorer - matchende elementer som er et barn av det spesifikke elementet
- universelle selektorer - som passer til ethvert element
- tilstøtende søskenvelger - matchende elementer umiddelbart foran et bestemt element
- attributt selectors - matchende elementer med en bestemt attributt eller attributt verdi
- pseudoklassevalgere - matchende elementer med en bestemt pseudoklasse
- pseudo-element selektorer - matchende elementer med spesifikke pseudo-element egenskaper
Formater CSS-stiler og CSS Selectors
Formatet av en CSS-stil ser slik ut:
selector {style property: style; }
Separate flere selektorer som har samme stil med kommaer. Dette kalles selector grouping. For eksempel:
selector1 , selector2 {style property: style; }
Gruppering av selektorer er en shorthand-mekanisme for å holde CSS-stilene kompakte. Ovennevnte gruppering vil ha samme effekt som:
selector1 {style property: style; }selector2 {style property: style; } Ikke alle nettlesere støtter alle CSS-valgene. Så vær sikker på å teste selektorer i så mange nettlesere på så mange operativsystemer som mulig. Men hvis du bruker CSS1 eller CSS2 selectors, bør du ha det bra. Test alltid CSS-valgene dine
