VPF::CSS: как сделать наследование класса?

AtaL

Дата 1.3.2006, 11:37 (ссылка)

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

Загрузка ...

Шустрый

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

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

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

Код


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

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

Код


text-decoration: underline;

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

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

Это сообщение отредактировал(а) AtaL - 1.3.2006, 12:18

Illuminaty

Дата 1.3.2006, 12:02 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56

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

Код


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>

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

Это сообщение отредактировал(а) Illuminaty - 1.3.2006, 12:03

AtaL

Дата 1.3.2006, 12:17 (ссылка)

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

Загрузка ...

Шустрый

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

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

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

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

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

Это сообщение отредактировал(а) AtaL - 1.3.2006, 12:22

$tatic

Дата 14.3.2006, 20:56 (ссылка)

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

Загрузка ...

Опытный

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

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

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

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