Sugod sa CSS
Ang CSS nagsalig sa sumbanan nga sumbanan sa panig-ingnan aron matino kung unsang estilo ang magamit sa elemento sa dokumento. Kini nga mga sumbanan gitawag nga mga tigpili ug kini gikan sa mga ngalan sa tag (pananglitan, p sa pagtugma sa mga tag sa parapo) ngadto sa mga komplikado nga mga sumbanan nga nagtumbok sa tukma kaayo nga mga bahin sa usa ka dokumento (pananglitan, ang p # myid> b.highlight motakdo sa bisan unsang tag usa ka klase sa highlight nga usa ka bata sa parapo nga adunay id idid).
Ang usa ka selector sa CSS mao ang bahin sa usa ka estilo sa CSS nga tawag nga nagpaila kung unsa nga bahin sa web page ang gi-istilo. Ang tigpili naglangkob sa usa o labaw pa nga mga kabtangan nga nagpaila kon sa unsa nga paagi ang gipili nga HTML ipasabut.
Ang CSS Selectors
Adunay ubay-ubay nga nagkalainlain nga matang sa mga nagpili:
- tipo nga mga tigpili-nga nagtumbok sa piho nga elemento
- mga klase nga mga elemento nga nagapili sa mga pinili nga adunay usa ka piho nga klase
- ID selectors-pagparis sa elemento nga adunay usa ka piho nga ID
- mga manunulat sa kaliwat -magpili sa mga elemento nga mga kaliwat sa usa ka piho nga elemento
- mga tigpili sa bata nga mga elemento nga nagtumbok nga usa ka bata sa piho nga elemento
- universal nga tigpili-nga nagtumbok sa bisan unsa nga elemento
- ang mga kaubang magpapili-ang mga elemento sa pagkapili nga diha-diha dayon nga gisundan sa usa ka piho nga elemento
- Hiyas ang mga elemento sa pagpili sa mga pagpili nga adunay usa ka piho nga hiyas o hiyas nga bili
- mga pseudo-class selector-matching elemento nga adunay pseudo nga klase
- pseudo-element selectors-matching elements nga adunay pseudo-element nga mga kabtangan
Format CSS Styles ug CSS Selectors
Ang format sa usa ka estilo sa CSS ingon niini:
selector {style property: estilo; }
Magbulag sa daghang mga magpapili nga adunay susama nga estilo nga adunay mga koma. Kini gitawag nga grupo nga tigpili. Pananglitan:
selector1 , selector2 {style property: estilo; }
Ang pagpundok sa mga tigpili mao ang usa ka mekanismo sa pagpadali aron mapabilin ang imong estilo sa CSS.
Ang labaw sa pagpundok adunay managsama nga epekto sama sa:
selector1 {style property: estilo; }
selector2 {style property: estilo; }
Kanunay Sulayi ang Imong Mga Pagpili sa CSS
Dili tanan nga mga browser ang nagsuporta sa tanan nga CSS selectors. Busa siguroha ang pagsulay sa imong mga tigpili sa daghang mga browser sa daghang mga operating system kutob sa mahimo. Apan kon ikaw naggamit sa CSS 1 o CSS2 selectors ikaw kinahanglan nga maayo.