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

我正在处理自动生成html页& css样式的Web应用程序。我们可以覆盖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 class="maintabitem-container INXXJSB-l-d INXXJSB-h-f">

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

来源

2017-10-18 Amal Abidi

在该列表中的第3类，'INXXJSB-H-F，是唯一每页？ –

不，它是所有其他页面之间的普通类 –

就像这样：'[class ='maintabitem-container INXXJSB-l-d'] {background-image：url（“../ images/welcome_page_e-Life.jpg”） ;背景大小：100％100％; background-repeat：no-repeat;'，但是你应该知道这两个类的顺序，如果它们是逆向的，它将不起作用。 –

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

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

来源

2017-10-18 09:02:18

[class ='maintabitem-container INXXJSB-l-d'] { background-image：url（“../ images/welcome_page_e-Life.jpg”）; background-size：100％100％; background-repeat：no-repeat; } 这样？ –

这是正确的 –

是的，Mark Steggles意思是。但请记住，如果其他页面中的类包含相同的类，那么它也适用于这些页面。 – Hanif

请加上所需的部分单独的class和id。但是避免使用这种类型的类，因为它可以改变，所以你会遇到麻烦，因为这些类是在运行时生成的。

您可以添加不同势类像.exampleClass { background-image: url("../images/welcome_page_e-Life.jpg");}

来源

2017-10-18 09:27:28 Kumar

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

回答

相关问题