通过在它们之间放置一个空格，是否有可能在html中有两个id？

Question

我可以使用空格分隔两个ID吗？

<div class="g2 "> 
    <input type="text" id="noPosting number_only" disabled="true" name="post_every" value="" class="txt_r integer-365"/>
</div>

Answer 1

在ID值中添加空格不会自动使它们成为元素的两个不同ID。仍然可以通过#noPosting\ number_only在CSS中选择它们（请注意\会转义空格）。也可以通过document.getElementById('noPosting number_only')之类的语言在Java语言中选择它们。

#noPosting\ number_only {
  background-color: yellow;
}

<div class="g2 ">
  <div id="noPosting number_only">test</div>
</div>

如果需要单独的选择器，最好使用类选择器。另外，您可以使用属性选择器通过值的两个部分选择此类元素。请参见下面的示例：

[id*=noPosting] {
  color: red;
}
[id*=number_only] {
  background-color: yellow;
}

<div class="g2 ">
  <div id="noPosting number_only">test</div>
</div>

---

您可以在此处了解更多信息：What are valid values for the id attribute in HTML?

Answer 2

否，每个元素只有一个唯一的ID可以使用HTML。但是，您可以在HTML的单个元素中使用多个类，并以空格分隔。