我还在接触SASS。我想在选择器中检查一个元素是否在某个其他祖先/父元素中。
我有这个:
p.key-name {
float: left;
padding: 4px 32px 0 2px;
}
li:last-of-type p.key-name {
padding-right: 0;
}
效果很好,但是常规的CSS所以没有惊喜。但我宁愿将第二个选择器分组在第一个选择器中,所以我尝试了这个:
p.key-name {
float: left;
padding: 4px 32px 0 2px;
li:last-of-type & {
padding-right: 0;
}
}
这不起作用。我可以通过查看已处理的CSS来了解原因,但我想知道是否有一种方法可以使用SASS来使这个概念起作用。
感谢您提供的任何帮助!
编辑正如评论中所探讨的那样,事实证明代码有效,但由于缺乏特异性,层次结构中的父<li>
更高层次干扰SASS(即没有课程或任何更符合li:last-of-type
的资格)。所以上面的两个片段实际上是等同的_只要围绕这些片段没有<li>
。