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

Question

有没有办法用css选择多个div？

像

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

等

Answer 1

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 2

这样吗？

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

Answer 3

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 4

maerics'答案是正确的。用于选择div在那只情况下，CSS选择器将是：

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

Answer 5

原产于IE7，IE8和接受“串匹配属性选择”（参见http://www.w3.org/TR/css3-selectors/）任何其他浏览器，你可以使用下面的语法选择具有多个类似的id元素：

的div [ID^=“文本框”]

这基本上说来解析引擎“，选择所有具有id属性，其与“开头div元素文本框'

QRC：

[属性^ = '文本'] =以 '文本'

[属性$ = '文本']开始=属性属性，这些属性END与 '文本'

[属性* ='text'] =包含'text'的属性