相关疑难解决方法(0)

sass css:来自孩子的目标父类

我正在使用sass并发现问题.这是我想要做的一个例子:

.message-error {
    background-color: red;

    p& {
        background-color: yellow
     }
  }
Run Code Online (Sandbox Code Playgroud)

预计的css:

.message-error {
    background-color: red;
}
p.message-error {
    background-color: yellow ;
}
Run Code Online (Sandbox Code Playgroud)

这个想法:所有带有.message-error的元素都是红色的,除非它是p.message-error.这不是现实生活中的情况,只是为了展示一个例子.

SASS无法编译这个,我甚至尝试过字符串连接.是否有一些插件可以完全相同?

注意:我知道我可以添加另一个css定义

p.message-error{....}
Run Code Online (Sandbox Code Playgroud)

在,但我想避免这种情况,并为所有.message-error定义使用一个地方.

谢谢.

css sass

46
推荐指数
5
解决办法
8万
查看次数

标签 统计

css ×1

sass ×1