Upphaf CSS
CSS byggir á reglum til að passa við mynstur til að ákvarða hvaða stíl gildir um hvaða þáttur í skjalinu. Þessi mynstur eru kallaðir valsmenn og þau eru allt frá heitum tagi (til dæmis, p til að passa punktamerki) í mjög flókið mynstur sem passa við mjög tiltekna hluta skjals (td p # myid> b.highlight myndi passa við hvaða b merki sem er með flokkur hápunktur sem er barn í málsgreininni með kennimyndinni).
A CSS val er hluti af CSS stíl símtali sem skilgreinir hvaða hluta af vefsíðu ætti að vera stíll. Seljandinn inniheldur einn eða fleiri eiginleika sem skilgreina hvernig hreint HTML verður stíll.
The CSS Selectors
Það eru nokkrar mismunandi gerðir af völum:
- veldu selectors-samsvörun tiltekins þáttar
- Class Selectors-samsvörun atriði með ákveðnum flokki
- ID-valmöguleikar - sem passa við þáttinn með tilteknu auðkenni
- afkomendur veljari - samsvörun þættir sem eru afkomendur tiltekins þáttar
- Aðstoðarmörk barna sem passa við börn sem eru barn tiltekins þáttar
- alhliða valmöguleikar sem passa við hvaða frumefni sem er
- Aðliggjandi systkursvalir-samsvörun þættir sem liggja fyrir á undan tilteknum þáttum
- auðkenna valmöguleika sem samsvara þætti með sérstökum eiginleiki eða eiginleiki
- gervigreindarþættir sem passa saman við tiltekna gervitungl
- samsvörunarhlutar með gervi-einingum með sérstökum gervi-eiginleikum
Format CSS stíl og CSS Selectors
Sniðin í CSS stíl lítur svona út:
val {stíl eign: stíl; }
Skilgreina marga veljara sem hafa sömu stíl með kommum. Þetta er kallað valhópur. Til dæmis:
selector1 , selector2 {stíl eign: stíl; }
Flokkunarvaldaraðilar eru styttingaraðferðir til að halda CSS-stíl þínum samningur.
Ofangreind hópur hefði sömu áhrif og:
selector1 {stíl eign: stíl; }
selector2 {stíl eign: stíl; }
Prófaðu alltaf CSS Selectors þinn
Ekki eru allir vafrar sem styðja alla CSS-valinana. Svo vertu viss um að prófa valtana þína í eins mörgum vöfrum á eins mörgum stýrikerfum og þú getur. En ef þú notar CSS 1 eða CSS2 selectors þá ættir þú að vera í lagi.