CSS：如何將樣式應用於特定類

Question

我有一個CSS問題，請。

我有以下html代碼：

<ion-item *ngFor="let item of dummyJobModels" class="item-search-dummy"> 
</ion-item> 

這會產生下面的代碼：

我想隱藏border-bottom。我需要設置list-md類，但僅限於item-search-dummy類下的元素。我曾嘗試以下，但它不工作：

.item-search-dummy.list-md { 
    border-bottom: 0px; 
} 

如果任何人都可以告訴我怎麼可以選擇性地設置一個類的屬性，我將不勝感激。

Answer 1

你可以試試，

.list-md .item-search-dummy .item-inner{ 
    border-bottom: none !important; 
} 

Answer 2

如果你想選擇一個與特定父用類

：

.parentclass > .childclass { 
    // css rules... maybe use !important; to force an override 
} 

在這種情況下，你必須設置下邊框爲「無」或「未設置」

Answer 3

使用以下選擇：

.parentclass > .childclass