Html 在angular2中使用css选择器lastchild和：after

HTML:

我得到的输出是这样的

:host/deep/.title-main {
    display: flex;
    margin-bottom: 0;

    .title-inside {
        &:after {
            content : '-';
        }
    }
}

A-B-C-D-E-F G

我不想要最后一个孩子。我想要这样的输出

:host/deep/.title-main {
    display: flex;
    margin-bottom: 0;

    .title-inside {
        &:after {
            content : '-';
        }
    }
}

A-B-C-D-E-F G

我尝试了很多选择。我试过的其中一个

A-B-C-D-E F G

---

但这是行不通的。有人能帮我使用

：not

和

：nth-last-of-type（）吗


.title main{
显示器：flex；
页边距底部：0；
}
.内部标题：非（：第n个类型（3））：：之后{
内容:'一';；
}

A.
B
C
D
E
F
G
使用
：not
和
：nth-last-of-type（）


.title main{
显示器：flex；
页边距底部：0；
}
.内部标题：非（：第n个类型（3））：：之后{
内容:'一';；
}

A.
B
C
D
E
F
G
由于
：nth-*
和
最后一个子元素
选择器使用实际的元素类型而不是类名，我认为最好使用类选择器

通过使用
：：before
pseudo，结合同级选择器
+
，不管每个类有多少项，它总是正确计数


.title main{
显示器：flex；
页边距底部：0；
}
.title main.title内部+.title内部：：之前{
内容:'一';；
}

A.
B
C
D
E
F
G
A.
B
C
D
E
F
G
由于
：nth-*
和
最后一个子元素
选择器使用实际的元素类型而不是类名，我认为最好使用类选择器

通过使用
：：before
pseudo，结合同级选择器
+
，不管每个类有多少项，它总是正确计数


.title main{
显示器：flex；
页边距底部：0；
}
.title main.title内部+.title内部：：之前{
内容:'一';；
}

A.
B
C
D
E
F
G
A.
B
C
D
E
F
G
我也试过这样做。那不行，我也试过这样。那不行，我试过你的方法。但是没有为其他孩子做宣传，我刚刚更新了SASS版本，我忘记了
&：：after
再看一遍谢谢你的回答。但是我不知道，在我的情况下，这不起作用。我已经更新了我的html。你能看看吗。我希望该样式应用于标题中的最后一个子项@迪帕西亚：它成功了。我用过：第n个孩子（5）。我用urs试过了，效果也不错。谢谢你，我试过你的方法。但是没有为其他孩子做宣传，我刚刚更新了SASS版本，我忘记了
&：：after
再看一遍谢谢你的回答。但是我不知道，在我的情况下，这不起作用。我已经更新了我的html。你能看看吗。我希望该样式应用于标题中的最后一个子项@迪帕西亚：它成功了。我用过：第n个孩子（5）。我用urs试过了，效果也不错。谢谢你的润肤露我不要催眠E@Priya更新了我的答案，解释可能会有帮助，我不希望事后被炒作E@Priya更新了我的答案，解释可能会有所帮助