angularjs - 在最后一个 md-tab 之后删除

Question

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

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

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

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

Answer 1

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

1. To remove from first tab:

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

或

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

2. To remove from last tab:

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

3. To remove from any tab:

.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 属性。

4. To remove from all tabs:

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