Begin CSS
CSS berus op patroon ooreenstemmende reëls om te bepaal watter styl van toepassing is op watter element in die dokument. Hierdie patrone word selektore genoem , en hulle wissel van kode name (byvoorbeeld, p om paragraafmerke te pas) tot baie ingewikkelde patrone wat baie spesifieke dele van 'n dokument pas (byvoorbeeld, p # myid> b.highlight sal enige b-tag ooreenstem met 'n klas van hoogtepunt wat 'n kind van die paragraaf is met die id minid).
'N CSS-kieser is die deel van 'n CSS-styloproep wat identifiseer watter deel van die webblad gestileer moet word. Die seleksie bevat een of meer eienskappe wat bepaal hoe die gekose HTML gestileer sal word.
Die CSS Selectors
Daar is verskillende tipes keurders:
- tik selectors wat ooreenstem met 'n spesifieke element
- klas seleksie-ooreenstemmende elemente met 'n spesifieke klas
- ID-keurders wat ooreenstem met die element met 'n spesifieke ID
- afstammende keurders- ooreenstemmende elemente wat afstammelinge van 'n spesifieke element is
- kind seleksie-ooreenstemmende elemente wat 'n kind van die spesifieke element is
- universele keurders wat ooreenstem met enige element
- aangrensende broers en susters-seleksie-ooreenstemmende elemente wat onmiddellik voorafgegaan word deur 'n spesifieke element
- kenmerk seleksie-ooreenstemmende elemente met 'n spesifieke kenmerk of kenmerkwaarde
- pseudoklasse-seleksie-ooreenstemmende elemente met 'n spesifieke pseudoklas
- pseudo-element seleksie-ooreenstemmende elemente met spesifieke pseudo-element eienskappe
Formateer CSS Styles en CSS Selectors
Die formaat van 'n CSS-styl lyk soos volg:
selector {style property: style; }
Afsonderlike veelvoudige keurders wat dieselfde styl met kommas het. Dit word selector groepering genoem. Byvoorbeeld:
selector1 , selector2 {style property: style; }
Groepering van keurders is 'n korthandsmeganisme om jou CSS-style kompak te hou.
Bogenoemde groepering sal dieselfde effek hê as:
selector1 {style property: style; }
selector2 {style property: style; }
Toets altyd jou CSS-keurders
Nie alle blaaiers ondersteun al die CSS-keurders nie. So wees seker om jou keurders te toets in soveel blaaiers op soveel bedryfstelsels as wat jy kan. Maar as jy CSS 1 of CSS2 kiesers gebruik, moet jy goed wees.