Css 类中html元素的sass符号(&;)
这相当简单:Css 类中html元素的sass符号(&;),css,sass,Css,Sass,这相当简单: h2{ color:blue; &.someClass{ color: red; } } //output: h2{color:blue;}, h2.someClass{color: red;} 但当我尝试另一种方法时,它不起作用: .someClass{ color: red; h2&{ color:blue; } } /
h2{
color:blue;
&.someClass{
color: red;
}
}
//output:
h2{color:blue;}, h2.someClass{color: red;}
但当我尝试另一种方法时,它不起作用:
.someClass{
color: red;
h2&{
color:blue;
}
}
//error: invalid selector after h2
//what I want to get:
h2.someClass{color:blue;}, .someClass{color: red;}
显然,这些都不起作用:
&h2
->.someClassh2
&h2
->.someClass h2
h2&
->h2.someClass
有什么解决方案吗?CSS不是这样工作的。符号只是将标记和类串在一起,形成可读的CSS。也许他们最终会在Sass规范中添加一些东西来实现这一点,但目前,符号只是被您的巢穴中最接近的父项所取代。但这正是问题所在
h2&
应评估为h2。someClass
没有否决票的原因吗?如果有人对此有一个解决方案,我很乐意听到,因为,是的,它会很方便。但从我自己读到的来看,没有办法。如果我在评论中做错了什么或违反了一些规则,也请让我知道,因为我是新来的,真的不明白为什么我在这里被否决了:/感谢重复引用。我使用的是libsass,所以显然我是stuck。我不认为重复问题链接指的是同一个问题。我想他是在问如何引用