Наследование другого стиля в другом стиле

Ответ 1

.Style1, .Style2 {
     background-color:white;
}

.Style2 {
     border: black solid 1px;
}

Таким образом, Style1 и Style2 будут иметь фоновый цвет, белый, и только Style2 также будет иметь черную рамку.

Ответ 2

В CSS нет наследования. Самое близкое, что вы можете получить до наследования, - это указать 2 класса в ваших HTML-элементах:

<div class="Style1 Style2">..</div>

Или вы можете просто использовать одно и то же имя стиля:

.Style1 { background-color:white; }
.Style1 { border: black solid 1px; }

Теперь Style1 будет иметь оба свойства

Ответ 3

<... class="style2 style1" ..>

Ответ 4

здесь нужно просто использовать его как (пример)

class="style1 style2"

это означает, что элемент будет использовать стиль1, а затем стиль2 (переопределение стиля1 со стилем2, если произойдет какое-либо перекрытие, например, если вы используете одно и то же свойство в обоих последних).

Ответ 5

Насколько я знаю, на самом деле нет способа сделать это.

Конечно, вы можете сделать любой элемент, который хотите применить к этому стилю, для включения имен классов <div class="style1 style2">

И отсутствие этой функциональности является причиной роста OOCSS (объектно-ориентированный CSS). И такие рамки, как Less.

Ответ 6

Вы можете использовать

<span class="style1 style2">

или определите

span { /* define base styles for all spans here */ }

span.style1 { /*inherits styles from span, and adds specific styles to that */ }

Использование с

<p>Normal p text and <span>style</span>, <span class="style1">style 1 type text</span>.</p>

Ответ 7

Используйте этот метод:

<div class="Style1">
   <div class="Style2">bla bla bla</div>
</div>