Css为一个类分配多个样式块[重复]

Posted 2023-03-05

【中文标题】Css为一个类分配多个样式块[重复]

【英文标题】：Css assign multiple style blocks for one class [duplicate]

【发布时间】：2017-03-01 06:02:30

【问题描述】：

我可以在样式周围包装一个类（或 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%;
      

..如果元素在特定的类中，则分配不同的样式来工作。 （我知道最后一个例子实际上不起作用）。 我有很多这样的小块，所以一个“包装”会起作用，而且看起来比在每个块前面复制/粘贴 .specific_class 要好得多。 如果存在这样的问题，我想道歉。我只是找不到正确的单词并找到解决方案，但可能有一个像我这样的问题。

【问题讨论】：

您可以使用sass-lang.com 或lesscss.org 来执行此操作

【参考方案1】：

这在常规 CSS 中是不可能的。不过，您可能对 SASS 感兴趣，这是一个 CSS 预处理器，可让您使用 write nested rules（除其他外）并将它们编译为常规 CSS。

【讨论】：

是的。我是这么想的。我只是想听听外界的意见。希望有一些魔术。废话，哦，好吧...谢谢！

很高兴为您提供帮助！是的，我们都有那些“为什么世界上没有内置的？！”时刻。