Как использовать: не селектор с текущим родительским селектором (&) меньше

Question

При подаче заявления я столкнулся с проблемой: не использовать селектор и меньше.Без: не меньше работает нормально.Может кто-нибудь, пожалуйста, посмотрите, в чем проблема с этим ..

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/

Answer 1

& должен идти в начале селектора.

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