! важне снаге промене у каскади
Један од најбољих начина да научите како кодирати веб странице јесте да погледате изворне кодове других сајтова. Ова пракса је колико је веб професионалаца научило своје занатство, посебно у данима пре него што је било толико опција за курсеве за веб дизајн , књиге и онлине обуке.
Ако пробате ову праксу и погледате каскадне листове стилова (ЦСС), једна ствар коју можете видети у том коду је линија која каже: важно.
Шта то значи и, колико је важно, како правилно користите ту изјаву у вашим листовима стилова?
Каскада ЦСС-а
Пре свега, важно је разумјети да каскадни листови стилова стварно каскаде , што значи да се налазе у одређеном редоследу. Уопштено говорећи, то значи да се стилови примењују у редоследу који прочита читач. Први стил се примењује, а затим други и тако даље.
Као резултат, ако се стил појављује на врху листе стилова, а затим се у доњем менију промени ниже, друга инстанца тог стила је она која се примењује у наредним случајевима, а не прва. У суштини, ако два стила кажу исту ствар (што значи да имају исти ниво специфичности), биће коришћена последња наведена.
На примјер, претпоставимо да су слиједећи стилови садржани у листи стилова. Текст пасуса биће приказан црним, иако је примењена прва стилска особина црвена.
То је зато што је "црна" вредност наведена другом. Пошто је ЦСС читао од врха до дна, коначни стил је "црни" и стога онај који победи.
п {боја: црвена; }
п {боја: црна; }
Како! Важно промени приоритет
Сада када схватате како ЦСС обрађује скоро идентична правила, можемо погледати како важна директива мало мења ствари.
Важна директива утиче на начин на који ваш ЦСС каскаде , поштујући правила која сматрају најважнијим и треба их применити. Правило које има важну директиву увек се примјењује без обзира гдје се то правило појављује у ЦСС документу.
Да би текст пасуса увек био црвен, из претходног примера, користићете:
п {цолор: ред! импортант; }
п {боја: црна; }
Сада ће се текст појавити у црвеном облику, иако је "црна" вредност наведена другом. Важна директива преклапа нормална правила каскаде и даје том стилу веома високу специфичност.
Ако сте апсолутно потребни да се пасуси појаве црвено, овај стил би то учинио, али то не значи да је ово добра пракса. Хајде да погледамо следеће када желите да користите! Важно и када то није прикладно.
Када користити! Важно
Важна директива је од велике помоћи када тестирате и отклањате грешку на веб локацији. Ако нисте сигурни зашто стил није примењен и мислите да је то проблем специфичности, можете додати важну декларацију у свој стил да видите да ли то поправља.
Ако додате! Важно заиста реши проблем стила, управо сте установили да је то проблем специфичности. Међутим, не желите да оставите тај важан код на месту, већ је то стављено само у сврхе тестирања.
Пошто је тестирање завршено, сада би требало да уклоните ту директиву и прилагодите свој селектор како бисте постигли специфичност коју требате да урадите свој стил. ! важно не би требало да иде у своје производне локације, делом због тога како то мења нормалну каскаду.
Ако се претерано ослоните на важну декларацију да бисте постигли жељене стилове, на крају ћете имати стилски стил са важним стиловима. У основи ћете мењати начин на који се обрађује ЦСС странице. То је лењива пракса која није добра са дугорочног руководства.
Користите! Важно за тестирање или, у неким случајевима, када апсолутно морате превазићи инлине стил који је део теме или оквира предложака.
Чак иу тим случајевима, овај приступ користите што је мање могуће и уместо тога настојите да напишете чисте стилове који разумију каскаду.
Кориснички листови табела
Постоји једна посљедња белешка о важној директиви која је од суштинског значаја за разумијевање. Ова директива је такође успостављена како би корисницима веб страница могла да се изборе са стилским листовима који отежавају странама да их користе или читају.
Типично, ако корисник дефинира стилски лист да би прегледао веб странице, тај стилски стил је поништен ауторским стилом . Ако корисник означава стил као "важан", тај стил прекорачи ауторски стилни стил аутора, чак иако аутор означава правило као "важно".
Ово је корисно за кориснике који требају поставити стилове на одређени начин. На пример, некоме ће можда бити потребно повећати величину фонтова на свим веб страницама које користе. Коришћењем ваше важне директиве која штеди унутар страница које градите, ви прихватате све посебне потребе које корисници могу имати.
Уредио Јереми Гирард