我有一個帶有div的html頁面，這些div的ID為s1，s2等形式。<div id="sections"> <div id="s1">...</div> <div id="s2">...</div> ...</div>我想將CSS屬性應用于這些部分/ div的子集（取決于id）。但是，每次添加div時，都必須像這樣分別為該部分添加css。//css#s1{...}css中是否有類似正則表達式的內容，可用于將樣式應用于一組div。
3 回答
慕少森
TA貢獻2019條經驗 獲得超9個贊
您可以設法選擇那些元素而無需任何形式的正則表達式，如先前的答案所示，但是要直接回答問題，可以在選擇器中使用形式的正則表達式：
#sections div[id^='s'] {
color: red;
}
也就是說，在#section div中選擇任何ID以字母“ s”開頭的div元素。
慕田峪4524236
TA貢獻1875條經驗 獲得超5個贊
您可以$用來獲取最終匹配項，并*獲取值名稱中任何位置的匹配項。
匹配任何地方：.col-md，.left-col，.col，.tricolor，等。
[class*="col"]
比賽伊始：.col-md，.col-sm-6，等。
[class^="col-"]
匹配的結局：.left-col，.right-col，等。
[class$="-col"]
米琪卡哇伊
TA貢獻1998條經驗 獲得超6個贊
ID旨在唯一地標識元素。應用于它的任何樣式也應該對該元素唯一。如果您有要應用于許多元素的樣式，則應向所有元素添加一個類，而不要依賴ID選擇器...
<div id="sections">
<div id="s1" class="sec">...</div>
<div id="s2" class="sec">...</div>
...
</div>
和
.sec {
...
}
或者在您的特定情況下，您可以選擇父容器內的所有分區（如果其中沒有其他內容），如下所示：
#sections > div {
...
}
- 3 回答
- 0 關注
- 1551 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消