Learje wat de Cascade yn Cascading Style Sheets betsjut

CSS Short Course

De kaskade is wat makket CSS stylblêden sa nedich. Koartsein beskiedt de kaskade de folchoarder fan foardracht foar hoe't konfliktstilen tapast wurde. Mei oare wurden, as jo twa stilen hawwe:

p {kleur: read; }
p {kleur: blau; }

De kaskade befestiget hokker kleuren de paragrafen wêze moatte, alhoewol't it stylblêd stiet dat se beide read en blau wêze moatte. Lęste pas mar ien kleur kin tapast wurde foar paragrafen, sadat der in opdracht wêze moat.

En dizze oarder wurdt tapast troch hokker seleksjes (de p yn it boppeneamde foarbyld hawwe) de heechste prioriteit en hokker oarder dy se yn it dokumint ferskine.

De folgjende list is in ferienfâldiging fan hoe't jo blêder bepaalde prefinsje foar in styl:

  1. Sjoch yn it stylblêd foar in selector dy't it elemint is. As der gjin definiearre stilen binne, brûk dan de standertregels yn 'e browser
  2. Sjoch yn it stylblêd foar seleksjes markearre! Wichtich en jilde dy oan 'e passende eleminten.
  3. Alle stilen yn it stylblêd sille de standert blêderstilen oerskriuwe (útsein yn it gefal fan brûkersstylblêden).
  4. De spesifyk fan 'e styl seleksje, de hegere de prioriteit sil it hawwe. Bygelyks, div> p.class is mear spesifike as p.class dy't spesifikeer is as p.
  5. As lêste, as twa regels tapast wurde foar itselde elemint en hawwe deselde selektor foarsjenning, de iene dy't it lêste laden is wurde tapast. Mei oare wurden wurdt it stylblêd ljocht fan boppen nei ûnderen lêzen, en stilen wurde op 'e nij tapast.

Basearre op dy regels, yn it boppeste foarbyld wurde paragrafen yn blau skreaun, omdat p {color: blue; } komt lêst yn it stylblêd.

Dit is in tige ienfâldige ferklearring fan 'e kaskade. As jo ​​belangstelling binne om mear te learen oer hoe't de kaskade wurket, moatte jo lêze Wat betsjut "Cascade" yn Cascading Style Sheets? .