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

如果要选择具有特定父使用的类：

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

在这种情况下，你必须将border-bottom设置为＆＃34; none＆＃34;或者＆＃34;取消设置＆＃34;

Answer 2

使用以下选择器：

.parentclass > .childclass

Answer 3

你可以试试，

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