Html 如何使用:不带当前选择器父级(&;)的选择器
我在申请时遇到了一个问题:不带选择器和&in less。没有:不是少就是好。谁能看看它有什么问题吗 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
<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更有用的是将&
符号作为对父选择器的引用。