如何通过他唯一的ID号选择多个div

Question

有没有办法用css ??

选择多个div

喜欢

div id="text-box4"
div id="text-box5"
div id="text-box7"

等

Answer 1

原生于ie7，ie8和任何其他接受“子串匹配属性选择器”的浏览器（参见http://www.w3.org/TR/css3-selectors/），您可以使用以下语法选择具有多个相似ID的元素：

DIV [ID ^ = '文本框']

这基本上对解析引擎说“选择所有具有以'text-box'开头的id属性的div元素

QRC：

[attribute ^ ='text'] =使用'text'

的STARTS属性

[attribute $ ='text'] =以'text'结尾的属性

[attribute * ='text'] = CONTAINS'text'

的属性

Answer 2

像这样？

#text-box4, 
#text-box5, 
#text-box7 {
    /* your properties here */
}

Answer 3

CSS没有通配符。

但是如果你使用jQuery，你可以：
http://api.jquery.com/attribute-contains-selector/或
http://api.jquery.com/attribute-contains-word-selector/

<div id="text-box4"></div>
<div id="text-box5"></div>
<div id="text-box7"></div>
<script>$("div[id*='text-box']").css("color", "red");</script>

Answer 4

CSS类用于选择多个元素：

<div id="text-box4" class="my-text-box"/>
<div id="text-box5" class="my-text-box"/>
<div id="text-box7" class="my-text-box"/>

Answer 5

maerics的回答是正确的。在这种情况下，用于选择div的CSS选择器将是：

.my-text-box {
  /* Styles go here */
}