CSS类嵌套

Question

我已经有一段时间没有做过CSS了(大约5-7年)。

所以我需要一点帮助来解决我的困境。

理想的设计：

table.ctable
{ class:collapsible collapsed; }

现在我知道它在语法上是不正确的，但我想知道是否有一种方法可以创建一些基类CSS，然后将这些类派生到父类中。我知道这不是面向对象的，但我认为有一种方法可以绕过当前的结构来容纳这种类型的包含。

Answer 1

您可以使用SASS mixin

@mixin left($dist) {
  float: left;
  margin-left: $dist;
}

#data {
  @include left(10px);
}

或者是一个LessCSS mixin

.left(@dist) {
  float: left;
  margin-left: @dist;
}

#data {
  .left(10px);
}

Answer 2

不能，不幸的是你不能从另一个类继承规则。您能得到的最接近的方法是JavaScript通过类名获取元素并对其应用额外的类，但这样您就可以在加载JS运行的页面之间跳转。