CSS类嵌套

CSS类嵌套,css,Css,我有一段时间(大约5-7年)没有做CSS了 所以我需要一点帮助来解决我的问题 理想设计: table.ctable { class:collapsible collapsed; } 现在我知道它的语法不正确,但我想知道是否有一种方法可以创建一些基类CSS,然后将这些类派生到父类中。我知道这不是面向对象的,但我认为有一种方法可以绕过当前结构来容纳这种类型的包含。不,不幸的是,您不能从另一个类继承规则。最接近的方法是JavaScript按类名获取元素并对其应用额外的类,但这样就可以在加载JS的页面

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

所以我需要一点帮助来解决我的问题

理想设计:

table.ctable
{ class:collapsible collapsed; }

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

不,不幸的是,您不能从另一个类继承规则。最接近的方法是JavaScript按类名获取元素并对其应用额外的类,但这样就可以在加载JS的页面之间进行切换。

您可以使用:

或:


您是否正在尝试访问某个类的元素中的某个类的元素?或者你想通过css设置类?嗯,我不熟悉那个软件,我想这取决于它如何提供css内容。如果你可以添加一个过滤器,那么LessCSS可能是一个很好的选择,我认为它是css的超集,所以普通的css会按原样通过。看起来我可以使用Sass来开发样式,然后“编译”它来输出实际的css样式。我假设SASS是一个自由软件?在编译工作中,您可以将其设置为监视源文件的更改,以便自动重新编译。SASS是在一个安全的环境下发布的。
@mixin left($dist) {
  float: left;
  margin-left: $dist;
}

#data {
  @include left(10px);
}
.left(@dist) {
  float: left;
  margin-left: @dist;
}

#data {
  .left(10px);
}