CSS - 在类中设置多个 id

Question

我想让这段 CSS 代码起作用:

#inventoryGarbageSpot .id1,.id2,id3,id4{
padding:0px;
padding-top: 0px;
width:35px;}

如果我写一个 id 而不是多个 id，它就可以工作。

谢谢你的帮助，

轮回

Answer 1

如果我们分解您的选择器，您的目标是:

• #inventoryGarbageSpot .id1
• .id2
• id3
• id4

首先，有2个不存在的元素:id3和id4，代表这种元素:

<id3></id3>
<id4></id4>

其次，您需要在每节课前重复您的#inventoryGarbageSpot。

不要使用这个无效的选择器，使用这个:

#inventoryGarbageSpot .id1,
#inventoryGarbageSpot .id2,
#inventoryGarbageSpot .id3,
#inventoryGarbageSpot .id4 {
    padding:0px;
    padding-top: 0px;
    width:35px;
}

如果你想泛化你的选择器，你可以使用属性选择器，正如 Sudharsan 所提到的。