使用SASS检查祖先/父元素与&

时间:2015-01-15 14:27:31

标签: css sass frontend

我还在接触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>

0 个答案:

没有答案