📅  最后修改于: 2023-12-03 15:14:21.523000             🧑  作者: Mango
在CSS中,我们可以使用多个IDs选择器来同时选中多个具有相同ID的元素。多个IDs选择器以逗号分隔,然后紧跟在ID选择器之后。
以下是使用多个IDs选择器的语法:
#id1, #id2, #id3 {
/* CSS属性 */
}
#id1, #id2, #id3
:多个IDs选择器,按逗号分隔,选中具有id1、id2和id3的元素。{ /* CSS属性 */ }
:在大括号内添加要应用于这些选中元素的CSS属性和值。例如,假设我们有三个具有相同ID的元素,分别是#box1
、#box2
和#box3
。要同时应用CSS样式,我们可以使用多个IDs选择器:
#box1, #box2, #box3 {
width: 200px;
height: 200px;
background-color: blue;
}
上述代码将会将#box1
、#box2
和#box3
的宽度设置为200像素,高度设置为200像素,并将背景颜色设置为蓝色。
需要注意的是,使用多个IDs选择器可能违背CSS的最佳实践原则。因为ID应该是唯一的,不应该同时应用于多个元素。在实际开发中,我们更应该使用类选择器或其他选择器来选中一组相似的元素。
希望这能帮助你理解CSS多个IDs选择器的用法!