Question

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

#test_id_*{

}

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

Answer 1

使用attribute selector 在id属性：

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

说明

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

Answer 2

如果你想为multi 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;
 }

Answer 3

如果它们具有相同的风格，那么为什么他们不能拥有相同的类？

.iknow{
  width: 50px;
  height:50px;
  background-color: aqua;
  border: 1px solid red;
  display: inline-block;
}

<div id="test_id_10" class="iknow"></div>
<div id="test_id_11" class="iknow"></div>
<div id="test_id_12" class="iknow"></div>
<div id="test_id_13" class="iknow"></div>
<div id="test_id_14" class="iknow"></div>
<div id="test_id_15" class="iknow"></div>
<div id="test_id_16" class="iknow"></div>
<div id="test_id_17" class="iknow"></div>
<div id="test_id_18" class="iknow"></div>
<div id="test_id_19" class="iknow"></div>
<div id="test_id_20" class="iknow"></div>
<div id="test_id_21" class="iknow"></div>

Answer 4

要为多个css或id使用一个class，您需要将它们与,

分开

#test_id_10,
#test_id_11
{
    //some style
}

Answer 5

你必须像下面那样传递它

#test_id_10,#test_id_11{

}

Answer 6

您可以用逗号分隔它们以在多个ID上应用css。

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

您可以通过以下方式选择它们：

#test_id_10, #test_id_11 {
// your css values
}

Answer 7

#test_id_10 { //your styling }

以下是W3学校的基础知识https://www.w3schools.com/cssref/sel_id.asp

如何在CSS中选择多个ID？

7 个答案:

如果它们具有相同的风格，那么为什么他们不能拥有相同的类？