CSS remiasi modelio atitikties taisyklėmis, kad nustatytumėte, kuris stilius taikomas kuriam dokumento elementui. Šie modeliai vadinami selektoriai ir jie svyruoja nuo žymų vardų (pavyzdžiui,
p suderinti žymių žymes) su labai sudėtingais modeliais, kurie atitinka labai specifines dokumento dalis (pavyzdžiui,
p # myid> b.svarbu atitiktų bet kokį
b žyma su klasė
pabrėžti tai yra pastraipos vaikas su id
myid).
CSS parinkiklis yra CSS stiliaus skambučio dalis, nurodanti, kokia dalis turėtų būti tinklalapio dalis. Rinkiklis turi vieną ar daugiau savybių, kurios apibrėžia, kaip bus pasirinktas pasirinktas HTML.
CSS selektoriai
Yra keletas skirtingų tipų selektorių:
- tipo selektoriai - atitikimas tam tikram elementui
- klasės selektoriai - atitinkantys elementai su konkrečia klase
- ID rinktuvai - elemento atitikimas su konkrečiu ID
- palikuonių selektoriai - atitinkami elementai, kurie yra konkretaus elemento palikuonys
- vaikų selektoriai - atitinkami elementai, kurie yra konkretaus elemento vaikas
- universalūs selektoriai - kiekvieno elemento atitikimas
- gretimų brolių selektoriai - atitinkantys elementai, prieš kuriuos yra konkretus elementas
- atributų selektoriai - atitikimo elementai, turintys konkretų atributą arba atributo reikšmę
- pseudo klasės selektoriai - atitinkantys elementai su konkrečia pseudo klasė
- pseudoelementų selektoriai - atitinkantys elementai su specifinėmis pseudoelementinėmis savybėmis
Formatuoti CSS stilius ir CSS selektoriai
CSS stiliaus formatas atrodo taip:
selektorius {style properties: style; }
Atskirkite kelis selektorius, kurių kableliais yra tas pats stilius. Tai vadinama selektorių grupe. Pavyzdžiui:
selector1 , selector2 {stiliaus savybė: stilius; }
Grupavimo selektoriai yra stenografavimo mechanizmas, kad CSS stilius būtų kompaktiškas. Pirmiau minėta grupė turėtų tokį patį poveikį:
selector1 {stiliaus savybė: stilius; }selector2 {stiliaus savybė: stilius; } Ne visos naršyklės palaiko visus CSS selektorius. Todėl būtinai išbandykite savo selektorių tiek daugelyje naršyklių, kiek galite operacinėse sistemose. Bet jei naudojate CSS1 arba CSS2 rinkmenas, jums turėtų būti gerai. Visada patikrinkite CSS rinkiklius
