CSS Short Course
Cascade er það sem gerir CSS stílblöð svo gagnlegt. Í stuttu máli skilgreinir Cascade röð forgangsins fyrir því hvernig á að beita andstæðum stílum. Með öðrum orðum, ef þú hefur tvær stíll:
p {litur: rauður; }
p {litur: blár; }
Cascade ákvarðar hvaða lit málsgreinar ættu að vera, jafnvel þó að stíll blað segir að þeir ættu að vera bæði rauð og blár. Að lokum er aðeins hægt að beita einum lit á málsgreinum, þannig að það verður að vera pöntun.
Og þessi röð er beitt með hvaða valsmenn (p í dæmi hér að ofan) hafa hæsta forgang og hvaða röð þeir birtast í skjalinu.
Eftirfarandi listi er einföldun á því hvernig vafrinn þinn ákveður forgang fyrir stíl:
- Kíktu á stíllarkið fyrir val sem passar við þáttinn. Ef ekki eru skilgreindar stíll skaltu nota sjálfgefna reglurnar í vafranum
- Líttu á stíllarkka fyrir valið sem merkt er! Mikilvægt og beita þeim við viðeigandi þætti.
- Allar stíll í stíll lagsins mun hunsa sjálfgefna vafra stíl (nema þegar um er að ræða notandi stíl blöð).
- Því nákvæmari sem stíll valinn er, því hærra sem forgangurinn mun hafa. Til dæmis, div> p.class er nákvæmari en p.class sem er nákvæmari en p.
- Að lokum, ef tveir reglur eiga við um sama frumefni og hafa sama forgang fyrir framan þá verður sá sem var síðast hlaðinn. Með öðrum orðum er stíllarkið lesið frá toppi til botns og stíll er beitt ofan á annan.
Byggt á þessum reglum, í dæminu hér að ofan, voru málsgreinar skrifaðar með bláu, því p {lit: blár; } kemur síðast í stíll blaðsins.
Þetta er mjög einföld skýring á Cascade. Ef þú hefur áhuga á að læra meira um hvernig Cascade virkar, ættir þú að lesa Hvað þýðir "Cascade" í Cascading Style Sheets? .