Html div css多类选择器和css类分配

我试图将背景图像设置为

div

，但不知何故，我在理解css class属性的选择时遇到了问题

我要使用的标识符是第一个

div

（id=“ext-element-283”）mainmenuitem和x-treelist-row-over以及下一个div（id=“ext-element-281”）菜单po trek.

如何定义css类选择器以将css应用于特定div。（id=“ext-element-281）”

.mainmenuitem.x-treelist-row-over.menu po trek{
高度：64px；
垂直对齐：中间！重要；
背景尺寸：44px 33px；
背景图片：url（“/icons/pltx2/po.png”）！重要；
背景重复：无重复；
背景位置：中心；
}

Po

除非我没有完全理解您的问题，否则如果您想将背景图像设置为特定的div，请执行以下操作：

#ext-element-283 {
    height: 64px;
    vertical-align: middle !important;
    background-size: 44px 33px;
    background-image: url("/icons/pltx2/po.png") !important;
    background-repeat: no-repeat;
    background-position: center;
}

如果要将css应用于2个div，请执行以下操作：

#ext-element-283,
#ext-element-281 {
   height: 64px;
   vertical-align: middle !important;
   background-size: 44px 33px;
   background-image: url("/icons/pltx2/po.png") !important;
   background-repeat: no-repeat;
   background-position: center;
}

---

要选择类，请使用点“

”（例如

.mainmenuitem

），而要选择ID，请使用散列“

”（例如

#ext-element-283

）。试试这个：

#ext-element-283{
高度：250px；
背景图像：url（“http://via.placeholder.com/500x250/E8117F/AAAAAA");
背景重复：无重复；
背景位置：中心；
}
#ext-element-281{
高度：150像素；
背景图像：url（“http://via.placeholder.com/150x150/ffffff/000000");
背景重复：无重复；
背景位置：中心；
}

Po

关于你问题的最后一句话，那将是

#ext-element-281.x-treelist-item-icon.menu-po-trek { ... }

i、 e.所有类和ID写在一个字符串中，不带空格，类的前导点和ID的前导

实际上，ID本身就足够了，因为ID是唯一的，但是如果你需要一个更高规格的选择器来覆盖另一条规则，那么这就是解决方法

我认为答案是：“阅读更多关于CSS选择器工作原理的信息”，然后你就会得到答案