【问题标题】:Css assign multiple style blocks for one class [duplicate]Css为一个类分配多个样式块[重复]
【发布时间】: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 要好得多。

如果存在这样的问题,我想道歉。我只是找不到正确的单词并找到解决方案,但可能有一个像我这样的问题。

【问题讨论】:

标签: css


【解决方案1】:

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

【讨论】:

  • 是的。我是这么想的。我只是想听听外界的意见。希望有一些魔术。废话,哦,好吧...谢谢!
  • 很高兴为您提供帮助!是的,我们都有那些“为什么世界上没有内置的?!”时刻。
猜你喜欢
  • 2010-11-01
  • 2015-09-10
  • 2021-12-28
  • 2020-06-23
  • 1970-01-01
  • 2014-08-04
  • 2014-07-05
  • 1970-01-01
  • 2013-02-17
相关资源
最近更新 更多