如何將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樣式應用於僅兩個類

回答

相關問題