如何通過他的唯一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'的屬性