! tärkeä voimistaa muutoksen Cascadessa
Yksi parhaista tavoista oppia käyttämään verkkosivustoja on tarkastella muiden sivustojen lähdekoodeja. Tämä käytäntö on kuinka monta web-ammattilaista oppinut oman alansa erityisesti päivää aikaisemmin, niin monta vaihtoehtoa web design kurssit , kirjat ja online koulutus sivustoja.
Jos yrität tätä käytäntöä ja tarkastelet sivuston CSS-tyylisivuja (CSS), yksi asia, jota näet tässä koodissa, on linja, joka sanoo! Tärkeää.
Mitä tämä tarkoittaa, ja aivan yhtä tärkeästi, miten käytät oikein kyseistä ilmoitusta tyyliarkeissasi?
CSS: n Cascade
Ensinnäkin on tärkeää ymmärtää, että kasaantuvat tyylisivut todellakin kasaantuvat , eli ne sijoitetaan tiettyyn järjestykseen. Yleensä tämä tarkoittaa, että tyylejä sovelletaan siinä järjestyksessä kuin ne selittävät selaimen. Ensimmäistä tyyliä sovelletaan ja sitten toinen ja niin edelleen.
Tämän seurauksena, jos tyyli näkyy tyyliarkin yläosassa ja sen jälkeen muuttuu alhaisemmaksi asiakirjassa, toisen tyylin jälkimmäinen tapaus on se, jota sovelletaan myöhemmissä tapauksissa, ei ensimmäistä. Pohjimmiltaan, jos kaksi tyyliä sanovat samaa (mikä tarkoittaa, että niillä on sama spesifisyysaste), käytetään viimeistä lueteltua.
Kuvitellaan esimerkiksi, että tyyliarkilla on seuraavat tyylit. Kappaleen teksti tekisi mustaksi, vaikka ensimmäinen tyylikäs ominaisuus on punainen.
Tämä johtuu siitä, että "musta" arvo on lueteltu toisella. Koska CSS on lukea top-to-bottom, lopullinen tyyli on "musta" ja siksi yksi voittaa.
p {väri: punainen; }
p {väri: musta; }
Kuinka tärkeä muuttaa prioriteettia
Nyt, kun ymmärrät, miten nämä lähes samanlaiset säännöt käsitellään CSS: llä, voimme tarkastella kuinka tärkeä direktiivi muuttaa asioita hieman.
Tärkeä direktiivi vaikuttaa siihen tapaan, jolla CSS-kaskadi noudattaa sääntöjä, joita tunnet olevasi tärkein, ja sitä pitäisi soveltaa. Sääntöä, jolla on tärkeä direktiivi, sovelletaan aina riippumatta siitä, mikä sääntö esiintyy CSS-asiakirjassa.
Jos haluat lisätä tekstin tekstin aina punaiseksi, käytetään edellä mainittua esimerkkiä:
p {väri: punainen! tärkeä; }
p {väri: musta; }
Nyt kaikki teksti näkyy punaisena, vaikka "musta" arvo on lueteltu toisella. Tärkeä tärkeä direktiivi ohittaa kaskadin normaalit säännöt ja antaa sille tyypillisen hyvin spesifisen erityispiirteen.
Jos olet ehdottomasti halunnut, että kappaleet näkyvät punaisina, tämä tyyli tekisi sen, mutta se ei tarkoita, että tämä olisi hyvä käytäntö. Seuraavaksi tarkastellaan, milloin haluat käyttää sitä tärkeänä ja kun se ei ole tarkoituksenmukaista.
Kun käytät! Tärkeää
Tärkeä direktiivi on erittäin hyödyllinen, kun testaat ja virheenkorjaat verkkosivustoa. Jos et ole varma, miksi tyyliä ei käytetä ja se voi olla erityisongelmana, voit lisätä tärkeän ilmoituksen tyyliisi ja tarkistaa, korjaako se.
Jos lisäys! Tärkeä korjaa tyyliongelman, olet juuri päättänyt, että se on spesifisyysongelma. Et kuitenkaan halua jättää sitä! Tärkeää koodia paikallaan, vaan se asetettiin vain testaustarkoituksiin.
Koska testaus on suoritettu, sinun on nyt poistettava kyseinen direktiivi ja säädettävä valitsinta, jotta saavutat erityispiirteet, joita tarvitset tyyliesi toimimiseen. tärkeä ei saa päästä tuotantosihteisiisi, osittain siksi, että se muuttaa normaalia kaskadia.
Jos olet liian kovaa! Tärkeä ilmoitus saavuttaa haluamasi tyylit, sinulla on lopulta tyyliarkki täynnä! Tärkeitä tyylejä. Muutat olennaisesti sivun CSS: n käsittelyn tapaa. Se on laiska käytäntö, joka ei ole hyvä pitkäjänteisestä hallintotavasta.
Käytä tärkeitä testejä tai joissakin tapauksissa, kun ehdottomasti on ohitettava inline-tyyli, joka on osa teemaa tai mallipohjaa.
Jopa näissä tapauksissa käytä tätä lähestymistapaa niin säästeliäästi kuin mahdollista, vaan pyrkiä kirjoittamaan puhtaita tyyliarkkeja, jotka ymmärtävät kaskadin.
Käyttäjäluettelot
On olemassa yksi viimeinen huomautus! Tärkeää direktiiviä, joka on välttämätöntä ymmärtää. Tämä direktiivi on myös otettu käyttöön, jotta web-sivun käyttäjät voivat selviytyä tyylisivuista, jotka tekevät sivuilta vaikeaksi käyttää tai lukea niitä.
Tyypillisesti, jos käyttäjä määrittelee tyylisivuarkin web-sivujen katseluun, web-sivun tekijän tyyliarkki kumoaa tyylitiedoston . Jos käyttäjä merkitsee tyyliä kuin! Tärkeää, tämä tyyli ohittaa verkkosivun tekijän tyylitiedoston, vaikka kirjailija merkitsisi säännön tärkeänä.
Tämä on hyödyllistä käyttäjille, jotka tarvitsevat tyylit tiettyyn tapaan. Esimerkiksi joku voi joutua lisäämään oletuskirjasikokoita kaikilla käyttämilläan verkkosivuilla. Käyttämällä tärkeää direktiiviäsi säästelemällä sivuillasi voit sijoittaa kaikki erityistarpeet, joita käyttäjät voivat käyttää.
Toimittaja Jeremy Girard