Html 如何仅将CSS样式应用于两个类

我正在开发自动生成html页面和css样式的web应用程序。我们能够覆盖CSS样式来定制它。我试图为我的主页添加背景，因此我编写了以下css样式：

.maintabitem-container.INXXJSB-l-d{
    background-image: url("../images/welcome_page_e-Life.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

我获得了预期的背景，但此背景应用于我的应用程序中的所有其他页面，因为它们包含如下div：

<div class="maintabitem-container INXXJSB-l-d INXXJSB-h-f">

[class='maintabitem-container INXXJSB-l-d']

---

有没有办法将此样式仅应用于两个类？

您可以使用如下属性选择器：

<div class="maintabitem-container INXXJSB-l-d INXXJSB-h-f">

[class='maintabitem-container INXXJSB-l-d']

---

请在所需部分添加单独的类或id。但是避免这种类型的类INXXJSB-l-d

INXXJSB-h-f

，因为它可以更改，所以您会遇到麻烦，因为这些类是在运行时生成的

---

您可以添加不同的类，如

。例如class{background image:url（../images/welcome_page_e-Life.jpg”）}

该列表中的第三个类，`INXXJSB-h-f，每个页面都是唯一的吗？不，它是所有其他页面之间的一个公共类简单如下：

[class='maintabitem-container INXXJSB-l-d']{background image:url(“./images/welcome_page_e-Life.jpg”）；背景大小：100%100%；背景重复：不重复；

，但您应该知道这两个类的顺序，如果它们被转换，它将不起作用。因此

class=“maintabitem container INXXJSB-l-d INXXJSB-h-f”

在所有页面上都存在？如果您为此编写选择器，它将应用于所有页面。[class='maintabitem-container INXXJSB-l-d']{背景图像：url（../images/welcome_page_e-Life.jpg”）；背景大小：100%100%；背景重复：无重复；}就像这样？？没错，Mark Steggles就是这个意思。但请记住，如果在其他页面中，类包含相同的类，那么它也将应用于这些页面。@AmalAbidi但您应该知道这两个类的顺序

“maintabitem-container INXXJSB-l-d”

，如果它们被转换为HTML代码，如

“INXXJSB-l-d maintabitem”-容器“

，它将无法工作。