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

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

Форум программистов > Вёрстка веб-сайтов > CSS: как сделать наследование класса?

Автор: AtaL 1.3.2006, 11:37

Нужно срочно сверстать страницу, а справочной литературы под рукой нет.
Ситуация следующая:
Есть css, где определелены классы.
Пример, допустим, следующий:

Код


p.news_title{
    color: #f5d48d;
    padding-left: 20px;
    font-family: Tahoma;
    font-size: 13px;
}

Нужно создать класс, допустим, news_new_title, где, кроме всего этого, будет еще

Код


text-decoration: underline;

Как это сделать, не впихивая все вышеперечисленные свойства в новый класс? По идее, наследование, но как это сделать, не знаю.
Если это возможно, то дополнительный вопрос: как взять из класса-родителя только отдельные свойства?

Пожалуйста, если не сложно, приведите полный текст фрагмента кода: текст нового класса и тег, в котром абзацу будет назначаться этот класс.

Автор: Illuminaty 1.3.2006, 12:02

Пользуйся кнопкой "Код", пожалуйста.
Ответ:

Код


p.news_title{
 color: #f5d48d;
 padding-left: 20px;
 font-family: Tahoma;
 font-size: 13px;
}
p.undeline {
 text-decoration: underline;
}

Код


<p class="news_title undeline">some text</p>

Отдельные свойства взять нельзя

Автор: AtaL 1.3.2006, 12:17

Illuminaty
Хорошо, сейчас переделаю мессагу.)
Спасибо за ответ!

В таком случае, еще вопрос: если в классе-потомке переопределить какое-либо свойство, уже определенное в классе-родителе, то при присвоении класса-потомка элементу значение свойства будет браться из потомка, верно?

К сожалению, поэкспериментировать сама в ближайшее время не успеваю.(

Автор: $tatic 14.3.2006, 20:56

Последовательность переопределения определяется порядком их указания.
Исключение - если в "родительском" стиле указано !important. Тогда переопределить его может только другой !important