Question

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

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

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

但似乎没有对这个元素起作用。有什么帮助吗？

Answer 1

我想你想要删除连接标签的细线。

要从第一个标签中删除：

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

OR

.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

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

要从所有标签中删除：

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

Answer 2

感谢@UncaughtTypeError评论。

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

的工作。

在最后一个md-tab中删除

2 个答案: