Algus CSSist
CSS tugineb mustrite vastavusreeglitele, et määrata, milline stiil kehtib dokumendi elemendi kohta. Neid mustreid nimetatakse valijatena ja need ulatuvad sildinimedest (näiteks p, mis vastavad parameetrite märgistele) väga keerukatele mustritele, mis vastavad dokumendi väga konkreetsetele osadele (näiteks p # myid> b.highlight vastaks iga b-märgi klassi esile, mis on lõigu laps idiga myid).
CSS-valija on osa CSS-stiilis kõnest, mis tuvastab millise osa veebilehest tuleks stiilida. Valija sisaldab ühte või mitut omadust, mis määravad kindlaks valitud HTML-i stiili.
CSS-valijad
Valijaid on mitu erinevat tüüpi:
- tüüpi selektorid - vastav konkreetne element
- klassi selektorite sobitamise elemendid kindla klassiga
- ID-valijad - vastav element konkreetse ID-ga
- järeltulijad - teatud elemendi järeltulijad
- lapse selektorite sobitamise elemendid, mis on konkreetse elemendi laps
- universaalsed valijad - mis tahes elemendi sobitamine
- külgnevate vendade selektorite sobitamise elemendid, millele vahetult eelneb konkreetne element
- atribuut selektorite sobitamise elemente konkreetse atribuudi või atribuudi väärtusega
- pseudoklassi selektorite sobitamise elemendid konkreetse pseudoklassiga
- pseudoelemendi selektorite sobitamise elemendid, millel on spetsiifilised pseudoelemendi omadused
CSS-stiilide ja CSS-valijate vorming
CSS-stiili vorming näeb välja selline:
valija {style property: style; }
Eraldage mitu selektorit, millel on komaga samad stiilid. Seda nimetatakse selektsioonirühmaks. Näiteks:
selector1 , selector2 {style property: style; }
Rühmavalikud on stenogramm, mis hoiab teie CSS-i stiilid kompaktseks.
Eespool nimetatud rühmitusel oleks sama mõju, kui:
selector1 {stiili vara: stiil; }
selector2 {stiilis vara: stiil; }
Alati katsetage oma CSS-valijat
Mitte kõik brauserid ei toeta kõiki CSS-valijaid. Nii et kontrollige oma valijaid nii paljude brauseritega nii palju operatsioonisüsteeme kui võimalik. Kuid kui kasutate CSS 1 või CSS2 valijaid, peaksite olema hea.