Kas yra CSS parinkiklis?

Degui Adil / Getty Images

CSS remiasi šablonų atitikimo taisyklėmis, kad nustatytų, kuris stilius taikomas kuriam dokumento elementui. Šie modeliai vadinami selektoriai ir jie skiriasi nuo žymų pavadinimų (pvz.,

|_+_| kad atitiktų pastraipų žymes) su labai sudėtingais šablonais, atitinkančiais labai konkrečias dokumento dalis. Pavyzdžiui, |_+_| atitiktų bet kurį |_+_| žyma su klase |_+_| tai yra pastraipos su ID antrinė dalis |_+_|CSS parinkiklis yra CSS stiliaus iškvietimo dalis, identifikuojanti, kuri tinklalapio dalis turi būti stilizuota. Parinkiklyje yra viena ar daugiau savybių, kurios apibrėžia, kaip pasirinkta HTML

CSS parinkikliai

Yra keletas skirtingų tipų selektorių:

• tipo selektoriai – atitinkantys konkretų elementą
• klasių selektoriai – elementų derinimas su konkrečia klase
• ID selektoriai – elemento suderinimas su konkrečiu ID
• palikuonių rinkėjai – atitinkantys elementai, kurie yra konkretaus elemento palikuonys
• antriniai parinkikliai – atitinkantys elementai, kurie yra konkretaus elemento antriniai elementai
• universalūs selektoriai – tinkantys bet kokiam elementui
• gretimų brolių ir seserų parinkikliai – atitinkantys elementai, prieš kuriuos yra konkretus elementas
• atributų selektoriai – elementų derinimas su konkrečiu atributu arba atributo reikšme
• pseudoklasių selektoriai – elementų derinimas su konkrečia pseudoklase
• pseudoelementų selektoriai – tam tikromis pseudoelemento savybėmis pasižymintys elementai

Formatuokite CSS stilius ir CSS parinkiklius

Formatas a CSS stilius atrodo taip:

|_+_|

Atskirkite kelis to paties stiliaus parinkiklius kableliais. Tai vadinama selektorių grupavimu. Pavyzdžiui:

|_+_|

Grupavimo parinkikliai yra trumpasis mechanizmas, leidžiantis išlaikyti kompaktiškus CSS stilius. Aukščiau pateiktas grupavimas turėtų tokį patį poveikį kaip:

|_+_|

Visada išbandykite savo CSS parinkiklius

Ne visos senesnės naršyklės palaiko visus CSS parinkiklius. Jei nustatote CSS naudoti su tokiomis senesnėmis kaip IE8 ar senesnėmis naršyklėmis, būtinai patikrinkite parinkiklius tiek naršyklių, tiek operacinių sistemų, kurios, jūsų manymu, gali būti naudojamos jūsų kodui pasiekti. Jei naudojate CSS1, CSS2 , arba CSS3 parinkikliai, skirti naudoti su dabartinėmis naršyklėmis, jums turėtų būti gerai.