如何在 CSS 中选择多个 id？

Question

如何在 CSS 中选择多个 ID？例如：

 #test_id_*{

}

 <div id="test_id_10"></div>
<div id="test_id_11"></div>

原文由 Saiful 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 id 属性上使用 属性选择器：

 [id^='test_id_'] { color: red; }

描述：

[attr^=value] 表示属性名称为 attr 且第一个值以“value”为前缀的元素。

原文由 user663031 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果你想为多个 div 添加相同的样式，最好使用 class，但如果你有自己的原因，更好的方法是将所有 div 包装在一个 div 上：

 <div class="wrap">
  <div id="id1">
    <p>
      First Div!
    </p>
  </div>
  <div id="id2">
     <p>
        Second Div!
     </p>
   </div>
  <div id="id3">
    <p>
      Third Div!
    </p>
  </div>
</div>

并在您的 CSS 中设置您的样式：

 .wrap > div {
  color:blue;
 }

原文由 Emad Dehnavi 发布，翻译遵循 CC BY-SA 3.0 许可协议