CSS：不包含不包含任何ID的项目

Question

我有以下标记，我知道我可以在li上应用不包含特定id的样式，如示例所示，但是如何简化下面的示例，如果不是id而不是应用另一个风格？

＆＃13;

＆＃13;

ul > li:not(#_1):not(#_3) 

＆＃13;

<ul>
<li id="_1"></li>
<li></li> 
<li id="_3"></li>
<li></li>
<li id="_5"></li>  
</ul>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以使用否定以及属性选择器来执行此操作。

选择器li:not([id])只会选择没有li属性的id元素。

ul > li:not([id]) {
  background: red;
}

<ul>
  <li id="_1"></li> <!-- will not be selected -->
  <li></li>         <!-- will be selected -->
  <li id="_3"></li> <!-- will not be selected -->
  <li></li>         <!-- will be selected -->
  <li id="_5"></li> <!-- will not be selected -->
  <li id=""></li>   <!-- will not be selected -->
</ul>