CSS:如何将样式应用于特定类

CSS:如何将样式应用于特定类

问题描述:

我有一个CSS问题,请。CSS:如何将样式应用于特定类

我有以下html代码:

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

这会产生下面的代码:

enter image description here

我想隐藏border-bottom。我需要设置list-md类,但仅限于item-search-dummy类下的元素。我曾尝试以下,但它不工作:

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

如果任何人都可以告诉我怎么可以选择性地设置一个类的属性,我将不胜感激。

+0

你想隐藏'item-inner'的'border-bottom'?或者还有更多? –

你可以试试,

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

谢谢,完美的作品。我需要等10分钟才能将此设置为正确的答案。 – Richard

+0

好的。总是乐意帮助你.. :) –

如果你想选择一个与特定父用类

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

在这种情况下,你必须设置下边框为“无”或“未设置”

使用以下选择:

.parentclass > .childclass