如何在CSS中选择多个ID？

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

测试id_*{ } 要将一个css用于多个id或类，需要使用

要将一个css用于多个id或类，需要使用

---

你必须像下面那样通过考试

#test_id_10,#test_id_11{

}

---

你必须像下面那样通过考试

#test_id_10,#test_id_11{

}

使用 在id属性上：

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

说明：

[attr^=value]表示属性名为attr的元素，其第一个值以value作为前缀

使用 在id属性上：

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

说明：

[attr^=value]表示属性名为attr的元素，其第一个值以value作为前缀

以下是W3学校的基本知识

这里是W3学校的基本知识

如果它们有相同的风格，那么为什么它们不能有相同的班级？ .我知道{ 宽度：50px； 高度：50px； 背景色：浅绿色； 边框：1px纯红； 显示：内联块； } 如果他们有相同的风格，那么为什么他们不能有相同的阶级？ .我知道{ 宽度：50px； 高度：50px； 背景色：浅绿色； 边框：1px纯红； 显示：内联块； }

---

您可以用逗号将它们分开，以便在多个ID上应用css

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

---

您可以用逗号将它们分开，以便在多个ID上应用css

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

---

如果要将相同样式添加到多个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>

---

如果要将相同样式添加到多个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>

---

ID是通过jquery生成的还是页面上不同的静态ID？ID可能是通过jquery生成的还是页面上不同的静态ID？OP可能是重复的。OP想知道如何为以test_ID_开头的多个ID编写规则。OP想知道如何为多个ID编写规则从test\u id\u开始。我如何将它扩展到100个id为test\u id\u nnn形式的元素？如果您想对所有元素应用相同的css，可以使用类。但如果您想使用多个ID，可以使用jquery选择具有相同模式的多个ID$函数{$input[id^='test\u id.'].test\u id.{//your css}；}；为什么会有人引入jQuery来应用样式？为什么不使用纯CSS呢？我如何将它扩展到100个id为test\u id\u nnn形式的元素？如果您想对所有元素应用相同的CSS，可以使用类。但如果您想使用多个ID，可以使用jquery选择具有相同模式的多个ID$函数{$input[id^='test\u id.'].test\u id.{//your css}；}；为什么会有人引入jQuery来应用样式？为什么不为此使用纯CSS？这将仅适用于继承的属性。这将仅适用于继承的属性。不，这不会扩展到其他ID不，这不会扩展到其他ID