继承另一种风格的另一种风格

Question

如果有这样的风格

.Style1
{
   background-color:white;
}

风格2就像这样。

.Style2
{
   border: black solid 1px;
}

如何让Style2将Style1作为基本样式???

马尔科姆

Answer 1

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

.Style2 {
     border: black solid 1px;
}

这样Style1和Style2都将背景设置为白色，只有Style2也会有黑色边框。

Answer 2

CSS中没有继承。最接近继承的方法是在HTML元素中指定2个类：

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

或者你可以简单地使用相同的样式名称：

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

现在 Style1 将同时拥有两个属性

Answer 3

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

Answer 4

这里的事情就是将其简单地用作（例子）

class="style1 style2"

这意味着该元素将使用style1然后使用style2（如果发生任何重叠，则使用style2覆盖style1，例如，如果在最后一个中使用相同的属性将被使用）。

Answer 5

据我所知，实际上没有办法做到这一点。

您当然可以将您希望应用这些样式的任何元素包含在两个类名<div class="style1 style2">

中

缺乏此功能是OOCSS（面向对象的CSS）出现增长的原因。和框架，如Less。

Answer 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>

Answer 7

使用此方法：

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