Html 如何使用:不带当前选择器父级(&;)的选择器

Html 如何使用:不带当前选择器父级(&;)的选择器,html,less,Html,Less,我在申请时遇到了一个问题:不带选择器和&in less。没有:不是少就是好。谁能看看它有什么问题吗 HTML: <div> <p>Paragraph 1</p> <p>Paragraph 2</p> <p class="orange">Paragraph 3</p> </div> div { p { color: #c0c0c0; &a

我在申请时遇到了一个问题:不带选择器和&in less。没有:不是少就是好。谁能看看它有什么问题吗

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:

必须在选择器的开头设置
&

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

&
必须在选择器的开头

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

嗯,在较少的情况下,虽然在这个特殊情况下,它是op需要的。IMO更有用的是将
&
符号作为对父选择器的引用。嗯,在较少的情况下,虽然在这个特殊情况下,它是op需要的。IMO更有用的是将
&
符号作为对父选择器的引用。