【问题标题】:Add a class name to different classes in SASS [duplicate]为SASS中的不同类添加类名[重复]
【发布时间】:2014-11-22 23:45:07
【问题描述】:

我在一个旧的 CSS 文件中有这个结构:

h1.myClass{
color:red;
font-size:18px;
}
h2.myClass{
color:blue;
font-size:16px;
}
h3.myClass{
color:yellow;
font-size:14px;
}

我想以 SASS 方式(如果可能的话)。 某种方式,我不必重复 myClass 几次。 也许,一种类似于 SASS 中的嵌套的技术。

【问题讨论】:

标签: css sass


【解决方案1】:

在 SASS 中可以这样做:

.myClass
  h1&
    color:red;
    font-size:18px;
  h2&
    color:blue;
    font-size:16px;
  h3&
    color:yellow;
    font-size:14px;

& after selector 会将当前选择器作为父级:

h1.myClass

【讨论】:

  • 似乎不起作用。我试过用花括号而不用,但我收到一条错误消息。
猜你喜欢
  • 2015-06-13
  • 2016-11-29
  • 2013-06-22
  • 2021-10-25
  • 2021-04-07
  • 1970-01-01
  • 2017-03-28
  • 1970-01-01
  • 2013-04-08
相关资源
最近更新 更多