在CSS中,我們可以使用逗號分隔的列表來選擇多個ID,以下是一些示例:
1、選擇兩個ID:
#id1, #id2 { color: red; }
在這個示例中,#id1
和#id2
兩個ID都將被選擇,并且它們的文本顏色將設(shè)置為紅色。
2、選擇更多ID:
#id1, #id2, #id3 { font-size: 16px; }
在這個示例中,#id1
、#id2
和#id3
三個ID都將被選擇,并且它們的字體大小將設(shè)置為16像素。
3、使用類選擇器選擇多個ID:
.#id1, .#id2 { background-color: blue; }
在這個示例中,類名為#id1
和#id2
的兩個元素都將被選擇,并且它們的背景顏色將設(shè)置為藍色,注意,類名應(yīng)該以點號(.)開頭。
4、使用屬性選擇器選擇多個ID:
[id="id1"], [id="id2"] { border: 1px solid black; }
在這個示例中,具有id="id1"
和id="id2"
屬性的兩個元素都將被選擇,并且它們將獲得1像素寬的黑色邊框。
通過使用逗號分隔的列表,您可以輕松地在CSS中選擇多個ID,并對它們應(yīng)用相同的樣式,這種方法在需要快速應(yīng)用相同樣式到多個元素時非常有用。