如何使用not selector忽略来自css的特定ul li元素？

Question

如何使用not selector忽略来自css的特定ul li元素？

.list li:not(.innerli li){padding-left:10px;width: 500px;}

我尝试使用以下代码但不能正常工作

theme

Answer 1

.list ul:not(.inner) li是您所依赖的选择器。

.list中的

查找没有等级ul的所有.inner，并从中查找所有列表。

Answer 2

您可以通过ul:not(selector)检查以下代码段。

.list ul:not(.innerli) li {
  color: red;
}

<ul class="list">
  <li>Outer</li>
  <li>
    <ul>
      <li>Inner</li>
    </ul>
  </li>
  <li>
    <ul class="innerli">
      <li>Inner</li>
    </ul>
  </li>
</ul>

更新：如果您同时选择<li>Outer</li>，则必须使用以下多行。

/*.list ul:not(.innerli) li {
  color: red;
}*/

ul:not(.innerli) li {
  color: red;
}

ul.innerli li {
  color: black;
}

<ul class="list">
  <li>Outer</li>
  <li>
    <ul>
      <li>Inner</li>
    </ul>
  </li>
  <li>
    <ul class="innerli">
      <li>Inner</li>
    </ul>
  </li>
</ul>