NgbTabset：如何显示内容为空的after伪元素

Question

在我的项目中，我有一个NgbTabset。我想通过在标签集生成的最后一个after中添加li伪元素来模拟边框。但是，当content属性为空字符串时，我遇到了问题。

此

ngb-tabset ul.nav-tabs li:last-child:after {
  content: '<<<';
  position: relative;
  height: 1px;
  width: 16px;
  background: red;
}

在我的标签集中最后一个li下方放三个红色背景的箭头。按预期工作。

但是，将定义更改为

ngb-tabset ul.nav-tabs li:last-child:after {
  content: '';
  position: relative;
  height: 1px;
  width: 16px;
  background: red;
}

不呈现预期的16px红线。相反，它似乎什么也没渲染。

我绝对不是CSS大师。我要去哪里错了？