扩展CSS类

Question

是否有可能仅使用css扩展存在的类？

.darkStyle {
       color:#eee;
       background:#222;
 }
.element {

       // here I want to get all properties from darkStyle

       min-width:100px;
       display:block;
}

我知道我可以在HTML class =＆＃34; darkStyle元素中使用＆＃34;但是我的例子中的任何扩展方法都会更有用。

Answer 1

使用Less或Sass。

在Less：

.element {
   .darkStyle; // Will output all styles from .darkStyle;
   min-width:100px;
   display:block;
}

Answer 2

首先分配公共属性，然后为.element分配唯一属性。这只是CSS的唯一方法。您可以使用像Less这样的CSS框架来添加继承等功能。

.darkStyle, .element {
    color:#eee;
    background:#222;
}

.element {
   min-width:100px;
   display:block;
}

Answer 3

不，你不能＆＃34;＃34;延伸＆＃34;类。而且你不需要，CSS不是一种编程OO语言，并且有不同的机制。

例如，可以在给定的HTML元素上组合类：

<p class="darkStyle">
  I'm styled by styles applying to .darkStyle
</p>
<p class="darkStyle element">
  I'm styled by styles applying to both .darkStyle and .element
</p>

Multiclass!