! tähtis jõudis kaskaadi muutmisele
Üks parimaid viise, kuidas veebisaite kodeerida, on vaadata teiste saitide lähtekoode. Selline praktika on see, kui paljud veebi spetsialistid said oma käsitöö, eriti just päevadel, mil veebidisaini kursused , raamatud ja veebipõhised koolituskohad olid nii palju võimalusi.
Kui proovite seda praktikat ja vaatate saidi kaskaaditavaid stiililehti (CSS), on üks asi, mida võite selles koodis näha, on rida, mis ütleb! Important.
Mida see tähendab ja just niisama oluline, kuidas seda avaldust õigesti kasutada oma stiililehtedes?
CSS-i kaskaad
Kõigepealt on oluline mõista, et kaskaaditavate stiilide tabelid tõepoolest kaskaadivad , st need paigutatakse kindlas järjekorras. Üldiselt tähendab see, et stiilid rakendatakse brauseri poolt loetavas järjekorras. Esimene stiil on rakendatud, seejärel teine ja nii edasi.
Selle tulemusena, kui stiil ilmub stiililehe ülaosas ja muutub siis dokumendis allapoole, on selle stiili teine eksemplar see, mida rakendatakse järgnevatel juhtudel, mitte esimesena. Põhimõtteliselt, kui kaks stiili ütlevad sama asja (mis tähendab, et neil on sama spetsiifilisuse tase), kasutatakse viimast loendit.
Näiteks kujutleme ette, et stiilid sisaldasid järgmisi stiile. Lõike tekst muudetakse mustana, kuigi esimese stiili vara on punane.
Seda seetõttu, et "must" väärtus on noteeritud teisena. Kuna CSS-i loetakse ülalt alla, on viimane stiil "must" ja seega üks võidab.
p {värv: punane; }
p {värv: must; }
Kuidas! Olulised muutused prioriteediks
Nüüd, kui saate aru, kuidas CSS-i abil need peaaegu identsed reeglid töödeldakse, võime vaadelda, kuidas! Oluline direktiiv muudab asju natuke.
! Oluline direktiiv mõjutab seda, kuidas teie CSS kaskaadid teie reeglite järgimisel on kõige olulisemad ja neid tuleks kohaldada. Oluline direktiiv, millel on! Oluline reegel, kehtib alati olenemata sellest, kus see reegel CSS-dokumendis kuvatakse.
Et lõigu tekst oleks alati punane, kasutab eelpool toodud näites järgmist:
p {värv: punane! oluline; }
p {värv: must; }
Nüüd ilmub kogu tekst punaseks, kuigi "must" väärtus on teisel kohal. ! Tähtsam direktiiv ületab kaskaadi tavareeglite ja annab selle stiili väga kõrge spetsiifilisuse.
Kui te absoluutselt vajaksid lõigud punaseks muutuda, siis seda stiili teeks, kuid see ei tähenda seda, et see on hea tava. Järgmisena vaatame, millal soovite kasutada! Oluline ja kui see pole sobiv.
Millal kasutada! Oluline
!! Oluline direktiiv on väga kasulik, kui proovite ja proovite veebisaiti. Kui te pole kindel, miks stiili ei kasutata, ja arvan, et see võib olla spetsiifilisus, võite oma stiilile lisada olulise deklaratsiooni, et näha, kas see parandab seda.
Kui lisades! Oluline, tõesti tõesti stiili probleemi lahendada, olete lihtsalt otsustanud, et see on spetsiifilisus küsimus. Kuid te ei soovi seda jätta! Oluline kood oli paigas, see pannakse seal ainult katsetamise eesmärgil.
Kuna testimine on lõppenud, peate nüüd selle juhendi eemaldama ja kohandama valijat, et saavutada oma stiili tegemise spetsiifilisus. ! Oluline ei tohiks oma tootmiskohtadesse jõuda, osaliselt sellepärast, et see muudab normaalset kaskaadi.
Kui te sooviksite stiilide saavutamiseks liiga palju olulist avaldust, saate lõpuks stiililehe, millel on olulised stiilid. Te muudate põhjalikult seda lehekülje CSS-i tööd. See on laisk praktika, mis ei ole pikaajalise juhtimise seisukohast hea.
Kasuta! Tähtis testimiseks või mõnel juhul siis, kui peate absoluutselt loobuma sisemise stiili, mis on osa teema või malli raamistikust.
Isegi nendel juhtudel kasutage seda lähenemisviisi nii säästlikult kui võimalik, selle asemel püüdke kirjutada puhtaid stiililehti, mis mõjutavad kaskaadi.
Kasutaja stiililehed
Sellel olulisel direktiivil on üks viimane märkus, mis on oluline mõista. See direktiiv võeti kasutusele ka selleks, et veebilehtede kasutajad saaksid toime tulla stiililehtedega, mis muudavad lehtede kasutamise või lugemise keerukaks.
Tavaliselt, kui kasutaja määrab veebilehtede vaatamiseks stiililehe, loob see veebisaidi autori stiili leht selle stiililehe . Kui kasutaja tähistab stiili kui! Oluline, tühistab see stiil veebilehe autorilehtede loendi, isegi kui autor tähistab reegli!! Oluline.
See on kasulik neile kasutajatele, kes peavad teatud stiile määrama. Näiteks võib keegi võib-olla suurendada vaikimisi kasutatavate kirjasuuruste vaikeväärtusi. Kui kasutate oma! Olulist direktiivi säästlikult ehitatavatel lehtedel, siis võite kohandada mis tahes erivajadusi, mida teie kasutajad võivad olla.
Redigeeris Jeremy Girard