如何在 LESS 中使用多个 :not()?

  • 本文关键字:not LESS css less
  • 更新时间 :
  • 英文 :


我有这个

.views-field:not(.views-field-nothing)
{
background-color: #f2f3f1;
border: 1px solid #e3e3e3;
border-radius: 4px;
margin-bottom: 7px;  
}

这是功能性的,但我需要做一个多重 .not,我测试过:.views-field:not(.views-field-nothing,.b,.c)但这是非功能性的, 我也用这个测试过:.views-field:not(.views-field-nothing):not(.a):not(.b)但这是非功能性的。

:not()选择器应该像在 CSS 中一样在 LESS 中工作,要将它们链接在一起,只需将它们一个接一个地添加:not(.this):not(.that)即可。

p:not(.a):not(.c) {
color: green;
}
<p class="a">A</p>
<p class="b">B</p>
<p class="c">C</p>

像这样:

.views-field:not(.views-field-nothing):not(.a):not(.b) {
background-color: #f2f3f1;
border: 1px solid #e3e3e3;
border-radius: 4px;
margin-bottom: 7px;  
}

您已经尝试过并且它不起作用的事实表明还有其他问题,可能是您的标记。

最新更新