Css 使用SASS与&;一起检查祖先/父元素;

Css 使用SASS与&;一起检查祖先/父元素;,css,sass,frontend,Css,Sass,Frontend,我还在努力对付那些无礼的人。我想在选择器中检查一个元素是否在某个其他祖先/父元素中 我有这个: 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

我还在努力对付那些无礼的人。我想在选择器中检查一个元素是否在某个其他祖先/父元素中

我有这个:

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来实现这一概念

谢谢你的帮助


编辑:如评论中所述,代码可以工作,但由于SASS中缺乏特定性(即在
li:last of type
上没有类或任何更符合条件的内容),在层次结构的更高层次上存在父级
  • )。因此,以上两个代码片段实际上是等效的,只要它们周围没有
  • s。

    不确定是否理解:您的sass代码按预期工作(在SASSMester上使用v.3.2.19进行测试)好的,我错了,如果您在此处选中它确实应按预期工作:无法复制。代码在所有版本的Sass中生成所需的结果,可以使用on进行测试。仍然无法复制:您的代码完全有效。能给我们完整的密码吗?(您的案例中处理的CSS是什么?它是否嵌套在其他Sass代码中?您是否使用库?)