如何将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">
有没有办法将这种风格只应用于两个类?
你可以使用属性选择这样的:
[class='maintabitem-container INXXJSB-l-d']
[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");}
在该列表中的第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;',但是你应该知道这两个类的顺序,如果它们是逆向的,它将不起作用。 –