! svarīgi, lai izmainītu kaskādi
Viens no labākajiem veidiem, kā iemācīties kodēt vietnes, ir apskatīt citu vietņu avotus. Šī prakse ir tas, cik daudzi tīmekļa profesionāļi iemācījušies savu amatu, jo īpaši tajās dienās, kad bija tik daudz iespējas tīmekļa dizaina kursiem , grāmatām un tiešsaistes apmācību vietnēm.
Ja jūs izmēģināt šo praksi un apskatīt vietnes kaskādes stilu lapas (CSS), viena lieta, ko jūs varat redzēt šajā kodeksā, ir rinda, kas saka! Svarīgi.
Ko tas nozīmē un, tieši tāpat svarīgi, kā jūs pareizi izmantojat šo deklarāciju savā stilu lapās?
CSS kasete
Vispirms ir svarīgi saprast, ka cascading stila lapas patiešām ir kaskādes , kas nozīmē, ka tie tiek ievietoti konkrētā kārtībā. Parasti tas nozīmē, ka stili tiek lietoti tādā secībā, ka pārlūkprogramma to nolasa. Tiek izmantots pirmais stils, tad otrais un tā tālāk.
Tā rezultātā, ja stilu parādās stila lapas augšpusē un pēc tam tiek mainīts dokumenta apakšdaļā, šī stila otrā instance ir tā, kuru lieto turpmākajos gadījumos, nevis pirmajā. Būtībā, ja divi stili saka to pašu (tas nozīmē, ka tiem ir tāds pats specifiskums), tiks izmantota pēdējā no minētajām.
Piemēram, iedomāsimies, ka stila lapā bija ietverti šādi stili. Paragrāfa teksts tiks padarīts melnā krāsā, lai arī pirmā stilā izmantotais īpašums ir sarkans.
Tas ir tāpēc, ka "melna" vērtība ir norādīta otrajā vietā. Tā kā CSS tiek lasīts no augšas uz leju, pēdējais stils ir "melns" un tādēļ viens uzvar.
p {krāsa: sarkana; }
p {krāsa: melna; }
Cik svarīga maina prioritāti
Tagad, kad jūs saprotat, kā CSS apstrādā šos gandrīz identiskos noteikumus, mēs varam apskatīt, kā šī svarīgā direktīva nedaudz maina lietas.
Šī svarīgā direktīva ietekmē veidu, kādā jūsu CSS kaskādes , ievērojot noteikumus, kas, jūsuprāt, ir vissvarīgākie, un tie jāpiemēro. Noteikums, kuram ir šī svarīgā direktīva, vienmēr tiek piemērots neatkarīgi no tā, kur šis noteikums parādās CSS dokumentā.
Lai punkts teksts vienmēr būtu sarkans, no iepriekš minētā piemēra jūs izmantosit:
p {krāsa: sarkans! svarīgs; }
p {krāsa: melna; }
Tagad viss teksts parādīsies sarkanā krāsā, lai gan "melnā" vērtība ir otra. Svarīga direktīva ignorē parastos kaskādes noteikumus, un tas piešķir šo stilu ļoti augstu specifiku.
Ja jums noteikti vajadzēja, lai punkti parādās sarkanā krāsā, šis stils to darītu, taču tas nenozīmē, ka tā ir laba prakse. Nākamais ieskats, kad jūs varētu vēlēties izmantot! Svarīgi un kad tas nav pareizi.
Kad lietot! Svarīgi
Svarīga direktīva ir ļoti noderīga, ja testējat un labojat vietni. Ja neesat pārliecināts, kāpēc stils netiek lietots, un domājat, ka tas var būt specifiskas problēmas, varat pievienot savu svarīgo deklarāciju savam stilam, lai redzētu, vai tas ir labots.
Ja, pievienojot! Svarīgi, patiešām nosaka stila problēmu, jūs vienkārši noskaidrojāt, ka tas ir specifiskas problēmas. Tomēr jūs nevēlaties pamest šo svarīgo kodu vietā, tas tika ievietots tikai testēšanas nolūkos.
Tā kā testēšana ir pabeigta, jums tagad vajadzētu noņemt šo direktīvu un pielāgot selektoru, lai sasniegtu specifiku, kas nepieciešama, lai jūsu stils darbotos. ! Svarīgi nevajadzētu iekļūt savās ražošanas vietās, daļēji tāpēc, ka tas maina parasto kaskādi.
Ja jūs uz leju pārāk liela nozīme! Svarīgajā deklarācijā, lai sasniegtu vēlamos stilus, galu galā jums būs stilu lapa, kas ir piesātināta ar svarīgajiem stiliem. Jūs būtiski mainīsit tā lapas CSS apstrādes veidu. Tas ir slinki prakse, kas nav laba no ilgtermiņa pārvaldības viedokļa.
Izmantojiet! Svarīgi, lai veiktu testēšanu, vai dažos gadījumos, kad jums absolūti ir jāaizliedz iekšējais stils, kas ir daļa no tēmas vai veidņu sistēmas.
Pat šajos gadījumos izmantojiet šo pieeju pēc iespējas mazāk, un tā vietā cenšaties rakstīt tīras stila lapas, kas saprot kaskādi.
Lietotāja stila lapas
Ir viena galīga piezīme par! Svarīgu direktīvu, kas ir būtiska, lai saprastu. Šī direktīva tika ieviesta, lai palīdzētu mājas lapas lietotājiem tikt galā ar stilu lapām, kas padara lapām grūti lietot vai lasīt.
Parasti, ja lietotājs definē stila lapu, lai skatītu tīmekļa lapas, šī tīmekļa lapu autora stilu lapa noraida šo stilu lapu . Ja lietotājs atzīmē stilu kā! Svarīgi, šis stils pārņem web lapas autora stilu lapu, pat ja autors atzīmē noteikumu kā! Svarīgi.
Tas ir noderīgi lietotājiem, kuriem noteikti ir jānosaka stili. Piemēram, kādam, iespējams, vajadzēs palielināt noklusējuma fontu izmērus visās tīmekļa lapās, ko viņi izmanto. Izmantojot savu! Svarīgo direktīvu, jūsu izveidotās lappuses ir ierobežotas, lai pielāgotu jūsu lietotājiem īpašas vajadzības.
Rediģējis Jeremijs Girards