通过在它们之间放置一个空格可以在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')之类的东西在Javascript中选择。

#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中的单个元素中使用多个类，并以空格分隔。