Bootstrap 4 想知道如何在标签旁边创建箭头吗

在此我附上一张照片，旁边有一个小箭头，我想知道如何创建它，为了更好地澄清我附上了一个屏幕截图，请帮助我 附言：我是初学者。 使用：：after（：after）创建三角形/箭头

：：after创建一个伪元素，该伪元素是 选定的元素。它通常用于将化妆品内容添加到产品中 元素的内容属性。默认情况下，它是内联的。-

并设置其大小和边框宽度。您可以使用任何组合，但随后相应地旋转三角形。有关更多信息，请访问

---

使用CSS

nth child

设置奇偶三角形的背景

：nth-child（）CSS伪类根据元素的属性匹配元素 在一组兄弟姐妹中的位置

/*为除最后一个以外的部分创建三角形*/
.bg银{
背景色：#e9e9e9！重要；
}
.el左箭头：之后{
内容：“；
显示：块；
宽度：15px；
高度：15px；
左边框：15px实心透明；
右边框：20px实心透明；
变换：旋转（90度）；
变换原点：中心；
位置：绝对位置；
右：-27px；
顶部：计算（（100%-15px）/2）；
z指数：1000000；
}
/*设置活动部分三角形的背景*/
.el活动：之后{
边框底部：20px实心#009975！重要；
;
}
/*设置奇数部分三角形的背景*/
.el左箭头：第n个孩子（奇数）：之后{
边框底部：20px实心#ffffff；
}
/*设置偶数部分三角形的背景*/
.el左箭头：第n个孩子（偶数）：之后{
边框底部：20px实心#e9e9e9；
}

7.
新加载

0
以后联系
0
后续行动

0
响应
0
最爱
0
已转换
0
所有

非常感谢您的帮助，我会试试的。