Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Перекрещивание CSS стилей

Автор: supercelt 5.12.2010, 21:23

Есть сайт на жумле. В CSS шаблона есть такой кусок

Код


ul {
    list-style: none;
}

ul li {
    padding-left: 30px;
    background: url(../images/bullet.gif) no-repeat 18px 8px;
    line-height: 180%;
}

Эти правила применяются на весь сайт.
Пишу сторонний модуль, где есть свои правила относительно этих тегов, к примеру

Код


.treeview, .treeview ul { 
    padding: 0;
    margin: 0;
    list-style: none;
}

.treeview ul {
    background-color: white;
    margin-top: 4px;

.treeview li { 
    margin: 0;
    padding: 3px 0pt 3px 16px;
}

.treeview li { background: url(/modules/mod_treesc/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

Так вот проблема в том, что стили из шаблона влияют на модуль. А точнее в инспекторе CSS видно что правило унаследовано от

Код


ul li {
    padding-left: 30px;
    background: url(../images/bullet.gif) no-repeat 18px 8px;
    line-height: 180%;
}

Так вот как бы сделать так, что бы шаблонные стили не влияли только на этот модуль, что бы не унаследовалось ничего?

Автор: smartov 5.12.2010, 22:28

Чтобы не наследовалось нельзя. Перекрой в "своих правилах для этих тегов" на нужной странице ещё и те параметры, которые не устраивают.
Например background ты уже перекрыл другим. Остальные тоже можно вернуть в дефолтные значения

Автор: supercelt 6.12.2010, 00:38

Что бы перекрыть там надо сделать конкретно так

Код


#ja-col1 ul li, #ja-col2 ul li{
background: url(/modules/mod_treesc/images/treeview-default-line.gif) 0 0 no-repeat !important;
padding-left: 16px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 0pt;
}

А если пользователь поставит другой шаблон, то там будет уже не #ja-col1, а что-то другое. Никак не предугадаешь(