Viens no labākajiem veidiem, kā uzzināt, kā kodēt vietnes, ir aplūkot pirmkodi no citām vietnēm. Šī prakse ir tā, kā daudzi tīmekļa profesionāļi iemācījās savu amatu, īpaši dienās pirms tam bija tik daudz iespēju web dizains kursi, grāmatas un tiešsaistes apmācības vietnes.
Izmēģinot šo praksi un apskatot vietnes kaskādes stila lapas, šajā kodā var redzēt vienu lietu: !svarīgs. Šis termins maina apstrādes prioritāti stila lapā.
CSS kaskāde
Kaskādes stila lapas patiešām kaskāde, kas nozīmē, ka tie ir izvietoti noteiktā secībā. Parasti stili tiek lietoti tādā secībā, kādā tos pārlūko pārlūks. Tiek piemērots pirmais stils un pēc tam otrais utt.
Rezultātā, ja stils tiek parādīts stila lapas augšpusē un pēc tam dokumentā tiek mainīts zemāk, šī stila otrā instance ir tā, kas tiek lietota nākamajos gadījumos, nevis pirmā. Būtībā, ja divi stili saka vienu un to pašu (kas nozīmē, ka viņiem ir vienāds specifiskuma līmenis), tiks izmantots pēdējais uzskaitītais.
Piemēram, iedomāsimies, ka stila lapā bija iekļauti šādi stili. Rindkopas teksts tiktu attēlots melnā krāsā, kaut arī pirmais lietotais stila rekvizīts ir sarkans. Tas ir tāpēc, ka "melnā" vērtība ir norādīta otrajā vietā. Tā kā CSS tiek lasīts no augšas uz leju, galīgais stils ir "melns", un tāpēc tas uzvar.
p {krāsa: sarkana; }
p {krāsa: melna; }
Kā! Svarīgi maina prioritāti
The !svarīgs direktīva ietekmē jūsu CSS kaskādes veidu, vienlaikus ievērojot noteikumus, kas, jūsuprāt, ir vissvarīgākie un jāpiemēro. Noteikums, kuram ir šī direktīva, vienmēr tiek piemērots neatkarīgi no tā, kur šis noteikums parādās CSS dokumentā.
Lai rindkopas teksts vienmēr būtu sarkans, no iepriekšējā piemēra mainiet stilu šādi:
p {krāsa: sarkana! svarīga; }
p {krāsa: melna; }
Tagad viss teksts parādīsies sarkanā krāsā, kaut arī "melnā" vērtība ir norādīta otrajā vietā. Svarīgā direktīva ignorē parastos kaskādes noteikumus, un tā piešķir šim stilam ļoti augstu specifiku.
Ja jums absolūti vajadzēja, lai rindkopas būtu sarkanas, šis stils to darītu, taču tas nenozīmē, ka tā ir laba prakse.
Kad lietot! Svarīgi
Svarīgā direktīva ir noderīga, pārbaudot un atkļūdojot vietni. Ja neesat pārliecināts, kāpēc stils netiek piemērots, un domājat, ka tas var būt specifikas konflikts, pievienojiet! Svarīgo deklarāciju savam stils, lai redzētu, vai tas to izlabo - un, ja tas tā notiek, mainiet atlasītāju secību un noņemiet no produkcijas svarīgās direktīvas! kods.
Ja jūs pārāk stipri balstāties uz! Svarīgo deklarāciju, lai sasniegtu vēlamos stilus, galu galā jums būs stila lapa, kurā ir! Svarīgi stili. Jūs būtiski mainīsit lapas CSS apstrādes veidu. Tā ir slinka prakse, kas nav laba no ilgtermiņa vadības viedokļa.
Izmantojiet! Svarīgi testēšanai vai dažos gadījumos, kad jums noteikti ir jāignorē iekļautais stils, kas ir daļa no motīva vai veidnes ietvara. Pat šajos gadījumos izmantojiet šo pieeju taupīgi un tā vietā uzrakstiet tīras stila lapas, kas godina kaskāde.
Lietotāju stila lapas
Šī direktīva tika ieviesta arī, lai palīdzētu tīmekļa lapu lietotājiem tikt galā ar stila lapām, kas viņiem apgrūtina lapu izmantošanu vai lasīšanu.
Kad kāds nosaka stila lapu Lai skatītu tīmekļa lapas, šī stila lapa tiek aizstāta ar lapas autora stila lapu. Ja lietotājs stilu atzīmē kā! Svarīgu, šis stils pārspēj tīmekļa lapas autora stila lapu, pat ja autors atzīmē kārtulu kā! Svarīgu.
Šī hierarhija ir noderīga lietotājiem, kuriem noteikti jāiestata stili. Piemēram, lasītājiem ar redzes traucējumiem var būt nepieciešams palielināt noklusējuma fontu izmērus visās viņu izmantotajās tīmekļa lapās. Lietojot savu! Svarīgo direktīvu taupīgi savās veidotajās lapās, jūs apmierināt lasītāju unikālās vajadzības.