Vienas iš geriausių būdų išmokti koduoti svetaines yra pažvelgti į šaltinio kodai kitų svetainių. Tokia praktika yra tai, kaip daugelis žiniatinklio profesionalų išmoko savo amato, ypač tomis dienomis, kai buvo tiek daug galimybių interneto svetainės dizainas kursai, knygos ir internetinės mokymo svetainės.
Jei išbandysite šią praktiką ir peržiūrėsite kaskadinius svetainės stiliaus lapus, vienas dalykas, kurį galite pamatyti tame kode, yra eilutė, kurioje sakoma ! svarbu. Šis terminas keičia tvarkymo stiliaus lape prioritetą.
CSS kaskada
Kaskadiniai stiliaus lapai iš tiesų kaskada, tai reiškia, kad jie išdėstyti tam tikra tvarka. Paprastai stiliai taikomi tokia tvarka, kokią juos skaito naršyklė. Taikomas pirmasis stilius, paskui antrasis ir t.
Todėl, jei stilius pasirodo stiliaus lapo viršuje ir tada dokumente keičiamas žemiau, antroji to stiliaus instancija yra ta, kuri taikoma vėlesniais atvejais, o ne pirmoji. Iš esmės, jei du stiliai kalba tą patį (o tai reiškia, kad jie turi tą patį specifiškumo lygį), bus naudojamas paskutinis išvardytas.
Pavyzdžiui, įsivaizduokime, kad šie stiliai buvo stiliaus lape. Pastraipos tekstas būtų pateiktas juodai, nors pirmoji stiliaus ypatybė yra raudona. Taip yra todėl, kad „juoda“ vertė yra nurodyta antroje vietoje. Kadangi CSS skaitomas iš viršaus į apačią, galutinis stilius yra „juodas“, todėl tas ir laimi.
p {spalva: raudona; }
p {spalva: juoda; }
Kaip! Svarbu keičia prioritetą
! svarbu direktyva turi įtakos jūsų CSS kaskadų laikymuisi laikantis taisyklių, kurios, jūsų manymu, yra pačios svarbiausios ir turėtų būti taikomos. Taisyklė, turinti šią direktyvą, visada taikoma, nesvarbu, kur ta taisyklė yra CSS dokumente.
Kad pastraipos tekstas visada būtų raudonas, pakeiskite stilių taip, kaip nurodyta ankstesniame pavyzdyje:
p {spalva: raudona! svarbu; }
p {spalva: juoda; }
Dabar visas tekstas bus rodomas raudonai, nors „juoda“ reikšmė yra nurodyta antroje vietoje. Svarbi direktyva viršija įprastas kaskados taisykles ir suteikia šiam stiliui labai aukštą specifiką.
Jei jums būtinai reikia, kad pastraipos būtų raudonos, šis stilius tai padarytų, tačiau tai nereiškia, kad tai yra gera praktika.
Kada naudoti! Svarbu
Svarbi direktyva yra naudinga, kai bandote ir derinate svetainę. Jei nesate tikri, kodėl stilius netaikomas, ir manote, kad tai gali būti specifikos konfliktas, pridėkite svarbią deklaraciją! stilių, kad sužinotumėte, ar tai išsprendžia - ir jei taip, pakeiskite selektorių tvarką ir pašalinkite svarbias direktyvas! kodas.
Jei per stipriai remsitės! Svarbia deklaracija, kad pasiektumėte norimų stilių, galų gale turėsite stiliaus lapą, kuriame bus pateikti svarbūs stiliai. Jūs iš esmės pakeisite to puslapio CSS apdorojimo būdą. Tai yra tingus praktika, kuri nėra gera ilgalaikio valdymo požiūriu.
Naudokite! Svarbu testavimui arba, kai kuriais atvejais, kai privalote nepaisyti įterptinio stiliaus, kuris yra temos ar šablono struktūros dalis. Net ir tais atvejais naudokite šį metodą saikingai ir rašykite švarius stiliaus lapus, kurie gerbia kaskada.
Vartotojo stiliaus lapai
Ši direktyva taip pat buvo sukurta siekiant padėti tinklalapių vartotojams susidoroti su stiliaus lapais, dėl kurių puslapius jiems sunku naudoti ar perskaityti.
Kada kažkas apibrėžia stiliaus lapą Norėdami peržiūrėti tinklalapius, tą stiliaus lapą pakeičia puslapio autoriaus stiliaus lapas. Jei vartotojas pažymi stilių kaip! Svarbų, šis stilius pakeičia tinklalapio autoriaus stiliaus lapą, net jei autorius pažymi taisyklę kaip! Svarbią.
Ši hierarchija yra naudinga vartotojams, kuriems reikia tam tikru būdu nustatyti stilius. Pavyzdžiui, silpnaregiams gali tekti padidinti numatytuosius šriftų dydžius visuose naudojamuose tinklalapiuose. Saugiai naudodamiesi! Svarbia direktyva savo sukurtuose puslapiuose, atsižvelgiate į unikalius skaitytojų poreikius.