如何在不使用当前选择器父级(&)的情况下使用:not选择器

时间:2019-02-14 10:29:08

标签: html less

在应用:not选择器和&in less时,我遇到问题。没有:not仍然可以正常工作。任何人都可以看看问题出在什么地方。

HTML:

<div>
    <p>Paragraph 1</p>
    <p>Paragraph 2</p>
    <p class="orange">Paragraph 3</p>
</div>

div {
    p {
        color: #c0c0c0;
        &.orange {
            //color: #ff6600; //This works
        }
        &:nth-child(1), :not(&.orange) { //But with :not, it isn't working...
            color: red;
        }
    }
}

JSFiddle: https://jsfiddle.net/kunjsharma/adu69t1s/1/

1 个答案:

答案 0 :(得分:3)

&必须放在选择器的开头。

&:nth-child(1), 
&:not(.orange)