Komenco de CSS
CSS dependas pri ŝablonaj reguloj por determini kiun stilo aplikas al tiu elemento en la dokumento. Ĉi tiuj ŝablonoj estas nomataj elektiloj kaj ili varias de etikedaj nomoj (ekzemple p por egali etikedojn) al tre komplikaj ŝablonoj, kiuj kunigas tre specifajn partojn de dokumento (ekzemple p # myid> b.highlight kombini iun ajn etikedon kun klaso de elstaraĵo, kiu estas infano de la alineo kun la idaĵo).
CSS-elektilo estas la parto de CSS-voko, kiu identigas, kion parto de la retpaĝaro devas esti stiligita. La elektilo enhavas unu aŭ pli da propraĵoj, kiuj difinas kiel la elektita HTML estos stiligita.
La CSS-Elektantoj
Ekzistas pluraj malsamaj tipoj de elektiloj:
- Tipo selectores-kongruaj specifa elemento
- klasaj elektiloj-egalaj elementoj kun specifa klaso
- ID-elektiloj-kongruas la elementon per specifa ID
- descendantaj elektiloj - elsendantaj elementojn, kiuj estas posteuloj de specifa elemento
- infanaj elektiloj-egalaj elementoj, kiuj estas infano de la specifa elemento
- universalaj elektiloj-kongruantaj ajnan elementon
- apudaj sibling-elektiloj-egalaj elementoj tuj antaŭitaj de specifa elemento
- atribuaj elektiloj-egalaj elementoj kun specifa atributo aŭ atributo valoro
- Pseŭd-klasaj elektiloj-egalaj elementoj kun specifa pseŭda klaso
- pseŭdo-elementaj elektiloj-egalaj elementoj kun specifaj pseŭdo-elementaj propraĵoj
Formato CSS Stiloj kaj CSS Elektantoj
La formato de CSS stilo aspektas tiel:
selector {stilo propraĵo: stilo; }
Apartigu multoblajn elektilojn, kiuj havas la saman stilon kun komoj. Ĉi tio estas (nomita, vokis) selectora grupo. Ekzemple:
selector1 , selector2 {stilo propraĵo: stilo; }
Grupoj elektiloj estas taŭga mekanismo por konservi viajn CSS-stilojn kompaktajn.
La supre grupigo havus la saman efikon kiel:
selector1 {stilo propraĵo: stilo; }
selector2 {stilo propraĵo: stilo; }
Ĉiam Atestu viajn CSS-Elektantojn
Ne ĉiuj foliumiloj subtenas ĉiujn CSS-elektilojn. Do certigu provi viajn elektilojn en tiom da foliumiloj pri tiom da mastrumaj sistemoj kiel vi povas. Sed se vi uzas CSS 1 aŭ CSS2-elektilon, vi devus esti bone.