VPF::Перекрещивание CSS стилей - Форум программистов

supercelt

Дата 5.12.2010, 21:23 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 658
Регистрация: 25.8.2005

Репутация: нет
Всего: 1

Есть сайт на жумле. В 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 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

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

supercelt

Дата 6.12.2010, 00:38 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 658
Регистрация: 25.8.2005

Репутация: нет
Всего: 1

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

Код


#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, а что-то другое. Никак не предугадаешь(

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »