! Важныя сілы змены ў каскадзе
Адзін з лепшых спосабаў, каб даведацца, як код вэб-сайты, каб паглядзець на зыходныя коды іншых сайтаў. Гэтая практыка , як многія вэб - спецыялісты даведаліся сваё рамяство, асабліва ў тыя дні , калі яшчэ не было так шмат варыянтаў для вэб - дызайну курсаў , кніг і інтэрнэт - сайтаў навучання.
Калі паспрабаваць гэтую практыку і паглядзець на каскадных табліцах стыляў на сайце (CSS), адна рэчы, якую вы можаце ўбачыць у гэтым кодзе ёсць радок, якая кажа! Важная.
Што гэта значыць, і што не менш важна, як вы правільна выкарыстоўваць гэтую дэкларацыю ў табліцах стыляў?
каскад CSS
Перш за ўсё, важна разумець , што каскадныя табліцы стыляў робяць сапраўды каскад, гэта азначае , што яны размешчаны ў вызначаным парадку. Увогуле, гэта азначае, што стылі ўжываюцца ў парадку, яны счытваюцца браўзэрам. Першы стыль ужываецца, а затым другі і так далей.
У выніку, калі з'яўляецца стыль у верхняй частцы табліцы стыляў, а затым змяняецца ніжэй у дакуменце, другі асобнік гэтага стылю з'яўляецца адным ўжываецца ў наступных прыкладах не першы. У прынцыпе, калі два стыль кажа тое ж самае (што азначае, што яны маюць аднолькавы ўзровень спецыфічнасці), будзе выкарыстоўвацца апошняй у спісе.
Напрыклад, давайце ўявім, што наступныя стылі ўтрымліваюцца ў табліцы стыляў. Тэкст пункта будзе вынесена ў чорным, нават нягледзячы на тое, першае ўласцівасць стылю ўжываецца чырвоны.
Гэта таму, што «чорны» значэнне ў спісе другі. Паколькі CSS чытаецца зверху-уніз, канчатковы стыль «чорны» і таму, што адзін выйграе.
р {колеру: чырвоны; }
р {колер: чорны; }
Як! Важныя змены Прыярытэт
Зараз, калі вы разумееце, як гэтыя амаль аднолькавыя правілы апрацоўваюцца CSS, мы можам паглядзець на тое, як важна! Дырэктыва змяняе рэчы няшмат.
Важна! Дырэктыва ўплывае на спосаб , у якім вашыя CSS каскады ў той час як наступныя правілы вы лічыце найбольш важнымі і павінны быць ужытыя. Правіла, якое мае важнае! Дырэктыва заўсёды ўжываецца незалежна ад таго, дзе гэтае правіла з'яўляецца ў CSS дакумента.
Для таго, каб тэкст пункта заўсёды чырвоны, з прыведзенага вышэй прыкладу, вы будзеце выкарыстоўваць:
р {колер: чырвоны важна; }
р {колер: чорны; }
Зараз увесь тэкст будзе адлюстроўвацца чырвоным колерам, нават нягледзячы на тое, «чорны» значэнне ў спісе другі. Важна! Дырэктыва адмяняе звычайныя правілы каскаду, і гэта дае, што стыль вельмі высокай спецыфічнасцю.
Калі вы абсалютна неабходныя абзац з'явіцца чырвонымі, гэты стыль будзе рабіць гэта, але гэта не значыць, што гэта добрая практыка. Давайце паглядзім на наступны, калі вы можаце выкарыстоўваць! Важны і калі ён не падыходзіць.
Калі выкарыстоўваць важна!
Важна! Дырэктыва вельмі карысная пры тэставанні і адладцы вэб-сайта. Калі вы не ўпэўненыя, чаму стыль не прымяняюцца, і думаеце, што гэта можа быць праблема спецыфічнасці, вы можаце дадаць! Важнае аб'яву ў свой стыль, каб убачыць, калі гэта фіксуе яго.
Пры даданні важна! Сапраўды вырашыць праблему стылю, вы толькі што вызначылі, што гэта пытанне спецыфікі. Тым не менш, вы не хочаце, каб пакінуць гэта! Важны код на месцы, ён быў толькі пакласці там для мэт тэставання.
Паколькі тэставанне будзе зроблена, цяпер вы павінны выдаліць гэтую дырэктыву і наладзіць перамыкач для дасягнення спецыфічнасці, што вам трэба, каб ваш стыль працаваць. ! Важна не павінны прабівацца ў вашых вытворчых пляцовак, збольшага з-за таго, як ён змяняе нармальны каскад.
Калі вы нахіляецца занадта моцна на! Важную дэкларацыю для дасягнення жаданых стыляў, вы ў канчатковым выніку ёсць табліца стылі заваленыя! Важныя стылі. Вы будзеце ў корані змяніць спосаб CSS гэтай старонкі апрацоўваецца. Гэта лянівая практыка, не добра з доўгатэрміновай пункту гледжання кіравання.
Выкарыстоўвайце! Важна для тэставання ці, у некаторых выпадках, калі вы абсалютна неабходна перавызначыць убудаваны стыль, які з'яўляецца часткай рамкі тэмы або шаблону.
Нават у тых выпадках, выкарыстоўваць гэты падыход, як мага радзей, і замест таго, каб імкнуцца пісаць чыстыя табліцы стыляў, якія разумеюць каскад.
Стыль карыстальніка Sheets
Існуе адна заключная нататка о! Важную дырэктыву, якая мае важнае значэнне для разумення. Гэтая дырэктыва была таксама ўведзена ў дзеянне, каб дапамагчы карыстальнікам вэб-старонкі справіцца з табліцамі стыляў, якія робяць старонкі цяжка для іх, каб выкарыстоўваць ці чытаць.
Як правіла, калі карыстач вызначае табліцу стыляў для прагляду вэб - старонак, што табліца стыляў адпрэчана аўтара старонкі Інтэрнэту стыляў . Калі карыстальнік адзначае стыль як! Важна, што стыль бярэ верх аўтара старонкі вэб-табліцы стыляў, нават калі аўтар адзначае правіла як! Важна.
Гэта карысна для карыстальнікаў, якім неабходна ўсталяваць стылі пэўным чынам. Напрыклад, хто-то можа спатрэбіцца павялічыць памер шрыфта па змаўчанні на ўсіх вэб-старонках, якія яны выкарыстоўваюць. Выкарыстоўваючы сваю! Важную дырэктыву эканомна на старонках вы будуеце, вы змяшчаць любыя спецыяльныя патрэбы вашых карыстальнікаў могуць мець.
Пад рэдакцыяй Джэрэмі Girard