CSS Kort Kursus
Die kaskade is wat CSS style sheets so nuttig maak. Kortom, die kaskade definieer die volgorde van voorrang vir hoe konflikstyle toegepas moet word. Met ander woorde, as jy twee style het:
p (kleur: rooi; }
p (kleur: blou; }
Die kaskade bepaal watter kleur die paragrawe moet wees, alhoewel die stylblad daarop dui dat hulle beide rooi en blou moet wees. Uiteindelik kan slegs een kleur op paragrawe toegepas word, dus moet daar 'n bestelling wees.
En hierdie bevel word toegepas deur watter keurders (die p in bogenoemde voorbeeld) die hoogste voorrang het en watter volgorde hulle in die dokument voorkom.
Die volgende lys is 'n vereenvoudiging van hoe jou blaaier voorrang vir 'n styl bepaal:
- Kyk in die stylvel vir 'n selector wat ooreenstem met die element. As daar geen gedefinieerde style is nie, gebruik dan die verstekreëls in die blaaier
- Kyk in die stylblad vir keurders gemerk! Belangrik en pas dit toe op die toepaslike elemente.
- Alle style in die stylvel sal die standaard blaaierstyle ignoreer (behalwe in die geval van gebruikersstylblaaie).
- Hoe meer spesifiek die style selector, hoe hoër die voorkeur wat dit sal hê. Byvoorbeeld, div> p.class is meer spesifiek as p.class wat meer spesifiek is as p.
- Ten slotte, as twee reëls van toepassing is op dieselfde element en dieselfde voorkeursreeks het, sal die een wat laas gelaai is, toegepas word. Met ander woorde, die stylblad word van bo na onder gelees, en style word bo-op mekaar toegepas.
Op grond van die reëls, in die bostaande voorbeeld, sal paragrawe in blou geskryf word, omdat p (kleur: blou; } kom laaste in die stylblad.
Dit is 'n baie eenvoudige verduideliking van die kaskade. As jy belangstel om meer te leer oor hoe die kaskade werk, moet jy lees Wat beteken "Cascade" in Cascading Style Sheets? .