Question

我可以围绕样式包装类（或id）以将其应用于仅在该类中的元素吗？
例如，我有：

 .title {
   color: #000;
  }
  .block {
    width: 100%;
  }
  .wrapper {
    width: 90%;
  }

我想为这些东西创建一个不同的设计，如果它们属于特定的类。我知道你可以这样做：

.specific_class .title{
   color: #fff;
}

但是我必须将它添加到每个块。我可以这样做吗？

.specific_class{
      .title {
        color: #fff;
      }
      .block {
        width: 99%;
      }
      .wrapper {
        width: 91%;
      }
}

..只是为了分配不同的样式，如果元素在特定的类中。（我知道最后一个例子并没有真正起作用）。
我有很多这些小块，所以一个＆＃34;包装＆＃34;会比每个人面前复制/粘贴.specific_class更有效。

如果存在这样的问题，我想道歉。我无法找到正确的单词并找到解决方案，但可能有一个类似我的问题。

Answer 1

常规CSS无法实现。但是，您可能对SASS感兴趣，这是一个CSS预处理器，允许您write nested rules（以及其他内容）并将它们编译为常规CSS。

Css为一个类分配多个样式块

1 个答案: