CSS lühike kursus
Kaskaad teeb CSS-i stiililehed nii kasulikuks. Kokkuvõttes määratleb kaskaad eelisjärjekordi selle kohta, kuidas konfliktivaid stiile tuleks rakendada. Teisisõnu, kui teil on kaks stiili:
p {värv: punane; }
p {värv: sinine; }
Kaskaad määrab, milline värv peaks olema lõigud, kuigi stiilileht osutab, et need peaksid olema nii punased kui sinised. Lõpuks saab paragrahvi suhtes kohaldada ainult ühte värvi, seega tuleb tellida.
Ja seda järjekorda rakendatakse, millistel valijal (ülaltoodud näites p) on kõrgeim järjestus ja milline järjekord nad dokumendis ilmuvad.
Järgmine loend on teie brauseri lihtsustamise viis stiili eelistamise kohta.
- Vaadake elemendile vastava valija stiililehte. Kui pole määratletud stiile, siis kasutage brauseri vaikereegleid
- Vaadake sobivate elementide jaoks oluliste valikukettide stiililehte ja kasutage neid.
- Kõik stiililehtede stiilid ignoreerivad vaikimisi brauseri stiile (välja arvatud kasutaja stiililehed).
- Mida täpsem on stiili valija, seda kõrgem on selle eelisõigus. Näiteks div> p.class on spetsiifilisem kui p.class, mis on konkreetsem kui p.
- Lõpuks, kui sama elemendi suhtes kehtivad kaks reeglit ja neil on sama selektori ülimuslikkus, rakendatakse viimati laaditud viimane . Teisisõnu, stiililehte loetakse ülaosast allapoole ning stiile rakendatakse üksteise peale.
Nende reeglite alusel on ülaltoodud näites lõigud kirjutatud sinise värviga, sest p {värv: sinine; } on viimane stiilileht.
See on kaskaadi väga lihtsustatud selgitus. Kui olete huvitatud sellest, kuidas kaskaad töötab, peaksite lugema Mida tähendab "kaskaad" kaskaaditavates stiililehtedes? .