在最后一个 md-tab 之后删除答案

【问题标题】：remove after in last md-tab在最后一个 md-tab 之后删除
【发布时间】：2018-01-11 17:38:03
【问题描述】：

我有这样的标签：https://codepen.io/anon/pen/KZoLWp

我想删除第一个索引中的md-tab::after，我正在使用 ng-reapet 来制作标签。试过了

.md-tab:last-child::after{display: none;}

但似乎不适用于此元素。有什么帮助吗？

【问题讨论】：

在第一个标签还是最后一个？
@rach8garg 我使用的是 rtl 语言，在实际项目中它是最后一个孩子
.md-tab 不是包含元素 (md-pagination-wrapper) 的 last child，md-ink-bar 是。考虑改用 pseudo-class :last-of-type，例如：md-tab-item:last-of-type::after
@UncaughtTypeError 工作！

标签： angularjs css angular-material

【解决方案1】：

我想你想删除连接选项卡的细线。

从第一个标签中删除：

.md-tab:first-child::after {
    content: none
}

或

.md-tab:first-of-type::after{
    content: none
}

要从最后一个标签中删除：

.md-tab:last-of-type::after{
    content: none
}

要从任何选项卡中删除：

.md-tab:nth-child(1)::after{
    content: none
}  // removes from first tab

.md-tab:nth-child(2)::after{
     content: none
}  // removes from second tab

.md-tab:nth-child(3)::after{
    content: none
}  // removes from third tab

只需更新nth-child(N) 中'N' 的值即可。这种方法有点通用，并使用 CSS 的 nth-child 属性。

要从所有选项卡中删除：

.md-tab::after{content: none}

【讨论】：

太好了！！

【解决方案2】：

感谢@UncaughtTypeError 评论。

md-tab-item:last-of-type::after
{
    display:none !important;
}

工作。

【讨论】：