Question

我正在处理网页应用程序，其中html pages＆amp; css样式自动生成。我们可以覆盖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">

有没有办法只将这种风格应用于两个类？

Answer 1

你可以使用这样的属性选择器：

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

Answer 2

请在所需的部分添加单独的类或ID。但是要避免使用这种类INXXJSB-l-d INXXJSB-h-f，因为它可能会发生变化，因为这些类会在运行时生成。

你可以添加像.exampleClass { background-image: url("../images/welcome_page_e-Life.jpg");}

这样的不同类

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

2 个答案: