Относно използването на !important в css

[viki_st]

Здравейте,
ще съм много благодарна, ако някой ми обесни използването на !important в css. В какви случая е необходимо да се използва и няма друг начин, за да не се избегне употребата му в кода на css. До сега никога не съм го използвала и сайтовете ми са си били OK.
[css][/css]

 

[Radko]

Използва се когато някое правило е важно. Веднъж поставиш ли !important това правило не може да бъде пренаписано, дори и след това да е предекларирано.

Примерно имаш един див и искаш винаги да е 500px

[css]div {
width:500px!important
}[/css]

И да кажем след това направиш това

[css]div{
width:100px
}
[/css]
но то ще си остане 500 пх

 

[viki_st]

В блоковите елементи може да се поставят класове или id, на които да се зададат съответните атрибути било width, height и т.н. и пак да си ги взема съответните стойности и да си ги приема точно зададената ширина или височина, както ти посочваш в примера и пак може да се избегне употребата на !important.

За какво ми е нужно да слагам два div-a
div {
width:500px!important
}

div{
width:100px
}

Като мога да си направя два различни класа и да него използвам тоя !important.
div .content-one{
width:500px
}

div .content-two{
width:100px
}

 

[Radko]

Както казах за да не се overridn-e занапред било то неволно или нарочно.

Това беше само пример за да разбереш, естествено че можеш да си правиш 378213912 класа ако щеш хъх

използването на !important не се препоръчва, даже е лоша практика. Поставя се само когато наистина има нужда от него.

Кога се ползва? Когато дадена страница примерно се нуждае от няколко stylesheets и искаш да овърайднеш някои неща примерно.