VPF::Наследование свойств - Форум программистов

tishaishii

Дата 10.4.2011, 13:04 (ссылка)

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

Загрузка ...

Создатель

Профиль
Группа: Завсегдатай
Сообщений: 1262
Регистрация: 14.2.2006
Где: Москва

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

FFv4x, Opera v11x...
CSS3. Класс C1 уже описан. Необходимо описать класс C2, который наследует свойства C1.
Ищу что-то вроде:

Код


.C1 {
    property1: value1;
    property2: value2;
/*
......
*/
}

Код


.C2 { /*extends C1*/
/*
....................
*/
}

Mavrun

Дата 10.4.2011, 14:44 (ссылка)

(голосов:1)

Загрузка ...

Бывалый

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

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

вроде бы ничего нет кроме как к C1 дописать C2

Код


.C1, .C2 {}

tishaishii

Дата 10.4.2011, 15:19 (ссылка)

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

Загрузка ...

Создатель

Профиль
Группа: Завсегдатай
Сообщений: 1262
Регистрация: 14.2.2006
Где: Москва

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

Проблема в том, что до описания C2, C1 уже описан.

Приведу пример более конкретно:

Код


<html>
   <head>
      <link rel="stylesheet" href="http://tra-ta-ta.tu/style" type="text/css"/><!--
Там описан C1
-->
      <style type="text/css">
C2 /*унаследовать все свойства C1*/ {
/*
.....................................
*/
}
      </style>
   </head>
   <body>
       <div class="C1"></div>
       <div class="C2"></div>
   </body>
</html>

bars80080

Дата 10.4.2011, 18:41 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

проблемы нет, есть только определённые стандарты css.
насколько известно, подобное наследование нигде не реализовано. значит, так делать не получится

SelenIT

Дата 11.4.2011, 03:42 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

По-моему, Mavrun дал верную наводку, только с кодом чуть мимо.

Код


<html>
   <head>
      <link rel="stylesheet" href="http://tra-ta-ta.tu/style" type="text/css"/><!--
Там описан C1
-->
      <style type="text/css">
C2 /*описать нужные св-ва, кот. нет в C1*/ {
/*
.....................................
*/
}
      </style>
   </head>
   <body>
       <div class="C1"></div>
       <div class="C1 C2"><!-- сюда применятся св-ва как C1, так и C2 --></div>
   </body>
</html>

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

tishaishii

Дата 11.4.2011, 06:59 (ссылка)

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

Загрузка ...

Создатель

Профиль
Группа: Завсегдатай
Сообщений: 1262
Регистрация: 14.2.2006
Где: Москва

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

Замечательно.
Всё прекрасно работает. C1 - база, C2 - вроде оверлея.
Можно ли дать псевдоним тому, что получается когда C2 перекрывает C1?

SelenIT

Дата 11.4.2011, 12:15 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Вот этого, к сожалению, нет.

Можно выкрутиться как-то так, через стандартное наследование для потомка:

Код


<html>
   <head>
      <link rel="stylesheet" href="http://tra-ta-ta.tu/style" type="text/css"/><!--
Там описан C1
-->
      <style type="text/css">
C2 > C1 {
/*
описать недостающие св-ва
.....................................
*/
}
      </style>
   </head>
   <body>
       <div class="C1"></div>
       <div class="C2"><!-- обертка нужна исключительно для указания, что внутренний C1 - особенный -->
          <div class="C1"><!-- и у этого C1 будут дополнительные св-ва, которых нет у первого --></div>
       </div>
   </body>
</html>

Нужно ли — каждый решает для себя сам smile

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

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