18 января 2008 ~ 3 Комментария

Как обойти !important

Css

important

Сегодня передо мной встала проблема связанная с css свойством !important. Никак не получалось обойти это свойство и внести изменение в сторонний интерфейс.


Цитирую с хтмлбук:

!important — Играет роль в том случае, когда пользователи подключают свою собственную таблицу стилей. Если возникает противоречие, когда стиль автора страницы и пользователя для одного и того же элемента не совпадает, то !important позволяет повысить приоритет стилевого параметра.

Решается это так, к примеру есть:

 Open Season 2 movie full 
<div id="page">
<div id="block">
Съешь этих мягких французских булочек.
</div>
</div>

#page {

/* Пофигу что */

}

#block {

color: #000000 !important;
/* Это значение мы никак не можем изменить */

}

Собсвенно само решение:


#page #block {

color: #FFFFFF !important;

}

Надеюсь кому нибудь это поможет, мне очень помогло.

Tags: , , ,

3 Комментария для “Как обойти !important”

  1. Александр 26 марта 2008 at 21:00 Permalink

    А почему не написано, что решение основано на том, что #page #block имеет большую специфичность, нежели #block?

    Ответить
  2. Я собственной персоной 26 марта 2008 at 22:45 Permalink

    Ну думаю это и так понятно 0_о

    Ответить
  3. PacMan 4 июля 2008 at 15:31 Permalink

    Достаточно и div#block{}
    Нам ведь надо увеличить приоритет хотябы на единицу.

    Ответить

Оставить комментарий