Важни сили промена во каскадата
Еден од најдобрите начини да научите како да кодирате веб-страници е да ги погледнете изворните кодови на други сајтови. Оваа практика е колку веб-професионалци ги научиле нивните занаети, особено во деновите пред да имало толку многу опции за курсеви за веб дизајн , книги и интернет-сајтови за обука.
Ако се обидете со оваа практика и погледнете ги каскадните стилски листови на страницата (CSS), едно нешто што може да го видите во тој код е линија што вели дека е важна.
Што значи тоа и, исто толку важно, како правилно ја користите таа декларација во вашите стилски листови?
Каскадата на CSS
Пред сè, важно е да се разбере дека каскадните стилски листови навистина се каскаат , што значи дека се поставени во одреден ред. Во принцип, ова значи дека стиловите се применуваат по редоследот што го чита прелистувачот. Првиот стил се применува, а потоа вториот и така натаму.
Како резултат на тоа, ако стилот се појавува на врвот на стилскиот лист и потоа се менува пониско долу во документот, втората инстанца од тој стил е онаа што се применува во подоцнежните случаи, а не првата. Во суштина, ако два стили го кажуваат истото (што значи дека тие имаат исто ниво на специфичност), ќе се користи последниот.
На пример, ајде да замислиме дека следните стилови беа содржани во лист со стил. Текстот на пасусот ќе биде изложен во црно, иако првото својство на стилот е црвено.
Ова е затоа што "црната" вредност е наведена втора. Бидејќи CSS е прочитан од врвот до дното, финалниот стил е "црно" и затоа тој победува.
p (боја: црвено; }
p (боја: црна; }
Како! Важно го менува приоритетот
Сега кога разбирате како овие речиси идентични правила се обработуваат од CSS, можеме да погледнеме како важната директива малку ги менува работите.
Важна директива влијае на начинот на кој вашиот CSS каскади , следејќи ги правилата што сметате дека се најважни и треба да се применат. Правило кое ја има важната директива секогаш се применува, без разлика каде тоа правило се појавува во документот CSS.
За да го направите текстот на текстот секогаш црвено, од горенаведениот пример, ќе го користите:
p (боја: црвено! важно; }
p (боја: црна; }
Сега целиот текст ќе се појави во црвено, иако "црната" вредност е втората. Важна директива ги надминува нормалните правила на каскадата и му дава на тој стил многу висока специфичност.
Ако ви е апсолутно потребно ставовите да се појават црвено, овој стил ќе го стори тоа, но тоа не значи дека ова е добра практика. Ајде да видиме кога можеби ќе сакате да го користите! Важно и кога тоа не е соодветно.
Кога да се користи! Важно
Важна директива е многу корисна кога тестирате и дебагирате веб-страница. Ако не сте сигурни зошто стилот не се применува и мислите дека тоа може да биде прашање на специфичност, можете да додадете! Важна декларација во вашиот стил за да видите дали тоа го поправа.
Ако додадете! Важно навистина го поправа проблемот со стилот, вие само утврдивте дека тоа е прашање на специфичност. Сепак, не сакате да го напуштите тој важен код во место, тоа беше ставено само за тестирање цели.
Откако тестирањето е направено, сега треба да ја отстраните таа директива и да го прилагодите вашиот селектор за да ја постигнете специфичноста што ви е потребна за да го постигнете вашиот стил. важно не треба да се пробива во вашите производни локации, делумно поради тоа што ја менува нормалната каскада.
Ако премногу се потпреме на важната декларација за да ги постигнете посакуваните стилови, на крајот ќе имате стилски лист полн со важни стилови. Ќе биде фундаментално менување на начинот на кој CSS на таа страница е обработена. Тоа е мрзелива практика што не е добра од долгорочна гледна точка за управување.
Користете! Важно за тестирање, или, во некои случаи, кога апсолутно мора да замени вграден стил кој е дел од рамка за тема или шаблон.
Дури и во тие случаи, користете го овој пристап што е можно поретко и наместо да се стремите да напишете чисти стилски листови кои ја разбираат каскадата.
Листови со кориснички стил
Постои една завршна забелешка за важната директива што е од суштинско значење за разбирање. Оваа директива беше исто така воспоставена за да им помогне на корисниците на веб страници да се справат со стилски листови кои ги отежнуваат страниците за нивно користење или читање.
Вообичаено, ако корисникот дефинира стилски лист за преглед на веб-страници, стилскиот лист е отфрлен од страната на стилот на веб страната. Ако корисникот го означи стилот како "важен", тој стил го преклопува листот на стилот на веб страната, дури и ако авторот го означува правилото како "важно".
Ова е корисно за корисниците кои треба да постават стилови на одреден начин. На пример, некој можеби ќе треба да ги зголеми стандардните големини на фонтови на сите веб-страници што ги користат. Со користење на ваша! Важна директива поретко во рамките на страниците што ги градите, ќе ги прилагодите сите посебни потреби што ги имаат вашите корисници.
Уредено од Џереми Жирар