Léiert wat d'Kascade am Kaskadespill heescht

CSS Short Course

D'Kaskade ass wat mécht CSS-Stilbléck esou nëtzlech. Kuerz gesot, d'Kaskade definéiert d'Uergel vu Prioritéit fir wéi Konfliktstil agesat ginn. An anere Wierder, wann Dir zwee Stiler hutt:

p {Faarf: rout; }}
p {Faarf: blo; }}

D'Kaskade bestëmmt d'Faarf déi Paragrafen sollten sinn, och wann d'Stilbahn steet, datt se roude a blo sinn. Endlech nëmmen eng Faarf kann op Paragrafen applizéiert ginn, also muss et eng Uerdnung ginn.

A dës Reiefolleg gëtt ugewisen duerch déi selektionnéiert (de p an dem exemplaresche Beispill) déi héchste Viraussetzung hunn a wéi eng Uerdnung hir am Dokument opgëtt.

Déi folgend Lëscht ass eng Vereinfachung vun Ärem Browser decidéiert fir e Stil:

  1. Kuckt an de Stilbicher fir e Verwalter mat dem Element. Wann Dir keng definéiert Stile benotzt, da benotzt d'Default-Regelen am Browser
  2. Kuckt d'Stilblatt fir Selecturen déi markéiert sinn! Wichteg sinn a se an déi passende Elementer anzegoën.
  3. Sämtlech Stiler am Stylblat überschreiwe Standardfaarfstypen (ausser am Fall vun engem Usaartplacke).
  4. De méi spezifesche Stil Selektor, wat méi héich ass de Viraus. Zum Beispill, div> p.class ass méi spezifesch wéi p.class, dat méi spezifesch ass wéi p.
  5. Endlech, wann zwee Regelen op deen selwechte Element gelten an déi selwecht Selektioun Viraussetzung sinn, déi déi lescht léicht gedroe gëtt. Anescht ausgedréckt, gëtt de Stilbicher vu leschen an top geliwwert, a Stiler ginn uewen openeen applizéiert.

Baséierend op dës Regelen, an dësem Beispill wäerte Paragrafen blu sinn, well p {color: blue; } kënnt am leschte Stéck.

Dëst ass eng ganz vereinfacht Erklärung vun der Kaskade. Wann Dir un Interessi méi wëllt léieren wéi d'Kaskade funktionnéiert, sollt Dir liesen Wat ass "Cascade" an Cascading Style Sheets? .