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