Belangrike magte 'n verandering in die kaskade
Een van die beste maniere om te leer hoe om webwerwe te kodeer, is om na die bronkodes van ander webwerwe te kyk. Hierdie praktyk is hoe baie webpersoneel hul handwerk geleer het, veral in die dae voordat daar soveel opsies was vir webontwerpkursusse , boeke en aanlynopleidingswebwerwe.
As jy hierdie praktyk probeer en kyk na 'n werf se cascading style sheets (CSS), is een ding wat jy kan sien in daardie kode 'n lyn wat sê! Belangrik.
Wat beteken dit en net so belangrik, hoe gebruik jy die verklaring korrek in jou style sheets?
Die Cascade van CSS
Eerstens, dit is belangrik om te verstaan dat die kaskade style sheets inderdaad cascade , wat beteken dat hulle in 'n bepaalde volgorde geplaas word. In die algemeen beteken dit dat die style toegepas word in die volgorde wat hulle deur die blaaier gelees word. Die eerste styl word toegepas en dan die tweede en so aan.
As gevolg hiervan, as 'n styl bo-aan 'n stylvel verskyn en dan laer in die dokument verander word, is die tweede voorbeeld van die styl die een wat in die daaropvolgende gevalle toegepas word, nie die eerste nie. Basies, as twee style dieselfde ding sê (wat beteken dat hulle dieselfde vlak van spesifisiteit het), sal die laaste een gebruik word.
Stel ons byvoorbeeld voor dat die volgende style in 'n stylblad vervat is. Die paragraaf teks sal in swart gelewer word, al is die eerste styl eiendom toegepas, is dit rooi.
Dit is omdat die "swart" waarde tweede is. Aangesien CSS bo-aan-onder is, is die finale styl "swart" en daarom wen die een.
p (kleur: rooi; }
p (kleur: swart; }
Hoe belangrik! Verander die prioriteit
Noudat jy verstaan hoe hierdie byna dieselfde reëls deur CSS verwerk word, kan ons kyk hoe die belangrike richtlijn die dinge 'n bietjie verander.
Die belangrike richtlijn het 'n invloed op die manier waarop jou CSS cascades volg, terwyl jy die reëls volg wat jy voel die belangrikste is en moet toegepas word. 'N Reël wat die belangrike richtlijn het, word altyd toegepas, ongeag waar daardie reël in die CSS-dokument voorkom.
Om die paragraaf teks altyd rooi te maak, sal u van die bostaande voorbeeld gebruik maak van:
p (kleur: rooi! belangrik; }
p (kleur: swart; }
Nou sal al die teks in rooi verskyn, alhoewel die "swart" waarde tweede gelys word. Die belangrike richtlijn oortree die normale reëls van die kaskade en dit gee die styl baie hoë spesifisiteit.
As u die paragrawe absoluut nodig het om rooi te verskyn, sal hierdie styl dit doen, maar dit beteken nie dat dit 'n goeie praktyk is nie. Kom ons kyk na wanneer jy dalk wil gebruik! Belangrik en wanneer dit nie toepaslik is nie.
Wanneer om te gebruik! Belangrik
Die belangrike richtlijn is baie handig as u 'n webwerf toets en ontfout. As jy nie seker is waarom 'n styl nie toegepas word nie en dink dit kan 'n spesifieke probleem wees, kan jy die belangrike verklaring by jou styl voeg om te sien of dit regmaak.
As jy 'n belangrike bydrae lewer, stel die stylprobleem beslis reg, maar jy het net vasgestel dat dit 'n spesifieke probleem is. U wil egter nie daardie belangrike kode in plek laat nie, maar dit is net daar vir toetsdoeleindes.
Sedert die toetsing gedoen is, moet u daardie richtlijn nou verwyder en u selector aanpas om die spesifisiteit te bereik wat u nodig het om u styl te laat werk. Belangrik moet nie in jou produksierreine kom nie, deels as gevolg van hoe dit die normale kaskade verander.
As jy te veel aan die belangrike verklaring leen om jou gewenste style te bereik, sal jy uiteindelik 'n stylblad hê wat met belangrike style gestroop is. U sal die manier waarop die bladsy se CSS verwerk word, fundamenteel verander. Dit is 'n lui oefening wat nie goed is uit 'n langtermynbestuursposisie nie.
Gebruik! Belangrik om te toets of, in sommige gevalle, wanneer jy absoluut 'n inlyn-styl moet oorheers wat deel is van 'n tema- of sjabloonraamwerk.
Selfs in sulke gevalle, gebruik hierdie benadering so spaarsaam as moontlik en probeer eerder om skoon stylvelle te skryf wat die kaskade verstaan.
Gebruiker Styl Blaaie
Daar is een finale aantekening oor die belangrike richtlijn wat noodsaaklik is om te verstaan. Hierdie richtlijn is ook ingestel om webbladgebruikers te help om stylbladsye te hanteer wat bladsye moeilik maak om te gebruik of te lees.
Tipies, as 'n gebruiker 'n stylblad definieer om webbladsye te besigtig, word die styleblad oorheers deur die webblad se skrywer se stylblad . As die gebruiker 'n styl as belangrik merk, oortref die styl die webblad se skrywer se stylvel, selfs al is die skrywer 'n reël wat belangrik is.
Dit is nuttig vir gebruikers wat style op 'n sekere manier moet stel. Byvoorbeeld, iemand mag standaard lettergroottes op alle webbladsye wat hulle gebruik, verhoog. Deur gebruik te maak van u! Belangrike richtlijn spaarsaam binne die bladsye wat u bou, akkommodeer u enige spesiale behoeftes wat u gebruikers mag hê.
Geredigeer deur Jeremy Girard