Html 在IONAL<；之间添加自定义规则；离子项目>；

我试图在列表中的

之间放置一条自定义水平规则

我的CSS与

配合得很好，只是

添加了自己的规则，这是我不想要的。我只想要我的自定义规则

如果我尝试使用

（删除

自动添加的规则，我的CSS将不再工作，我也无法获得自定义规则

我的CSS是：

.my-item {
  border-style:solid;
  border-bottom-width: 11px;
  border-bottom-color: black;
}

我的HTML是：

<ion-list>
  <ion-item class="my-item>Something</ion-item>
  <ion-item class="my-item>Something Else</ion-item>
</ion-list>

{{plan.title}}


{{plan.updated}
删除
一些文本

只需在您自己的边框前面加上一个重置

.my-item {
    border: none;
    border-bottom: 11px solid black;
}

编辑：

Ionic 2的ios样式还包含一条规则，特定于最后一个子元素及其边框，这是此处需要覆盖的内容

.list-ios>.item-block:last-child, .list-ios>.item-wrapper:last-child .item-block { 
    border-bottom: .55px solid #c8c7cc; 
}

---

我可以帮助你，但我需要访问源代码。

我仍然从离子列表中获得不需要的细线。而且我的边框底部不应用最后一个离子项。你可以提高专一性以覆盖任何其他规则。你是否在我可以查看的任何地方编写live代码？不，抱歉，它不在任何地方（我从未想过如何在plunker上获得ionic项目）。你说的“逐步增加特定性”是什么意思？在css中，你可以通过在样式规则中添加更多选择器来增加特定性。例如，我使用了.my item，但你可以使用类似.list.item.my-item的内容使其更为具体，但这取决于你生成的html结构。我尝试了各种添加选择器的组合，例如s项、列表项、项选择器等。