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

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" ..>