! Svarbi jėga. Pokyčiai kaskadoje
Vienas iš geriausių būdų, kaip išmokti koduoti svetaines, yra ieškoti kitų svetainių šaltinių kodų. Ši praktika yra tai, kaip daugelis žiniatinklio profesionalų išmoko savo amatus, ypač prieš kelias dienas, kai buvo tiek daug galimybių kurti interneto dizaino kursus , knygas ir internetines mokymo vietas.
Jei bandysite šią praktiką ir pažvelgsite į svetainės kaskadinius stiliaus lapus (CSS), tai vienas dalykas, kurį galite matyti šiame kodekse, yra eilutė, kuri sako! Svarbu.
Ką tai reiškia ir, lygiai taip pat svarbu, kaip jūs teisingai naudojate šią deklaraciją savo stilių lentelėse?
CSS kaskados
Visų pirma svarbu suprasti, kad kaskadiniai stilių lakštai iš tiesų yra kaskados , taigi jie yra dedami į tam tikrą tvarką. Apskritai tai reiškia, kad stiliai taikomi tokia tvarka, kokią juos peržiūri naršyklė. Taikomas pirmasis stilius, tada antras ir tt
Todėl jei stiliaus rodyklė atsiranda stiliaus lapo viršuje ir po to dokumentas pakeičiamas žemyn, antroji tokio stiliaus instance yra ta, kuri taikoma vėlesniais atvejais, o ne pirma. Iš esmės, jei du stilius sako tą patį (tai reiškia, kad jie turi tą patį specifiškumo lygį), bus naudojamas paskutinis išvardytas.
Pavyzdžiui, įsivaizduosime, kad stilių lentelėje yra šie stiliai. Šio straipsnio tekstas būtų pateikiamas juodos spalvos, net jei taikomas pirmojo stiliaus turinys yra raudonas.
Taip yra todėl, kad "juodoji" vertė yra nurodyta antroje vietoje. Kadangi CSS yra skaitomas iš viršaus į apačią, galutinis stilius yra "juodas" ir todėl vienas laimi.
p {spalva: raudona; }
p {spalva: juoda; }
Kaip! Svarbu Pakeičia prioritetą
Dabar, kai suprantate, kaip CSS tvarko šias beveik identiškas taisykles, galime pažvelgti į tai, kaip "svarbi" direktyva nedaug keičia dalykus.
! Svarbi direkcija daro įtaką tai, kaip jūsų CSS kaskadai laikantis taisyklių, kurios manote, yra itin svarbios ir turėtų būti taikomos. Taisyklė, kuri turi! Svarbią direktyvą, visada taikoma nesvarbu, kur ta taisyklė pasirodys CSS dokumente.
Norėdami, kad pastraipos tekstas būtų visada raudonas, iš pirmiau pateikto pavyzdžio jūs naudosite:
p {spalva: raudona! svarbu; }
p {spalva: juoda; }
Dabar visas tekstas pasirodys raudonai, nors "juodoji" vertė yra nurodyta antroje vietoje. ! Svarbi direktyva viršija įprastas kaskados taisykles ir suteikia tai stiliui labai aukštą specifiškumą.
Jei jums tikrai reikėjo, kad pastraipos pasirodytų raudonos, šis stilius tai padarys, tačiau tai nereiškia, kad tai yra gera praktika. Pažvelkime, kada galbūt norėsite naudoti! Svarbu ir kai tai nėra tinkama.
Kada naudoti! Svarbu
! Svarbi direktyva yra labai naudinga, kai bandote ir derinate svetainę. Jei nesate tikri, kodėl stilius nebus taikomas, ir manote, kad tai gali būti specifiškumo problema, galite pridėti svarbios deklaracijos savo stiliui, kad įsitikintumėte, ar tai pašalina.
Jei pridedant! Svarbu iš tiesų išsprendžia stiliaus problemą, jūs ką tik nusprendėte, kad tai specifiškumo problema. Tačiau nenorite to palikti! Svarbus kodas, jis buvo skirtas tik testavimo tikslais.
Kadangi testavimas atliktas, dabar jūs turite pašalinti šią direktyvą ir pritaikyti savo parinkiklį, kad pasiektumėte specifiškumą, kurio reikia, kad jūsų stilius veiktų. ! Svarbu neturėtumėte patekti į jūsų gamybos vietas, iš dalies dėl to, kaip jis pakeičia įprastą kaskadą.
Jei, norėdami pasiekti pageidaujamus stilius, pernelyg didelį dėmesį skirsite! Svarbiame pareiškime, galų gale turėsite stiliaus lapą, kuriame yra svarbių stilių. Jūs iš esmės pakeisite puslapio CSS apdorojimo būdą. Tai yra tingi praktika, kuri nėra tinkama ilgalaikio valdymo požiūriu.
Naudokite! Svarbu bandymui arba kai kuriais atvejais, kai jūs privalote ignoruoti vidinį stilių, kuris yra temos ar šablonų sistemos dalis.
Net ir tais atvejais, naudokite šį metodą kuo mažiau, o vietoj bandykite parašyti švarius stiliaus lapus, kurie supranta kaskadą.
Naudotojo stiliaus lapai
Svarbu, kad svarbu suprasti, yra viena svarbi svarbi direktyva! Ši direktyva taip pat buvo sukurta, kad padėtų tinklalapių vartotojams susidoroti su stilių lapais, dėl kurių puslapius jiems sunku naudoti ar skaityti.
Paprastai, jei vartotojas apibrėžia stiliaus lapą, kad galėtumėte peržiūrėti tinklalapius, tinklalapio autoriaus stiliaus lape šis stilių lapas atmetamas. Jei vartotojas pažymi stilius kaip! Svarbus, šis stilius perrašo tinklalapio autoriaus stiliaus lapą, net jei autorius pažymi taisyklę kaip! Svarbu.
Tai naudinga vartotojams, kuriems tam tikru būdu reikia nustatyti stilius. Pvz., Kas nors gali tekti padidinti numatytuosius šrifto dydžius visuose naudojamuose tinklalapiuose. Naudodamiesi savo! Svarbia direktyva, mažai sukuriamų puslapių galite pritaikyti bet kokius specialius poreikius, kuriuos gali turėti jūsų vartotojai.
Redagavo Jeremy Girard