CSS - 在类中设置多个ID

Question

我想要这个css代码工作：

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

如果我写了一个id而不是多个id，那就可以了。

感谢您的帮助，

Rotem公司

Answer 1

如果我们分解您的选择器，那么您的定位是：

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

首先，有两个不存在的元素：id3和id4，它们代表了这种元素：

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

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

而不是这个有缺陷的选择器，使用这个：

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

如果要概括选择器，可以使用属性选择器，如Sudharsan所述。

Answer 2

像这样使用attribute selector

风格

  #inventoryGarbageSpot [class^="id"]{
    padding:0px;
    padding-top: 0px;
    width:35px;
    }

应该是

[class^="id"]{

   // here style

}