Css 是否可以使用：before选择器进行类似操作？

我需要做这样的东西。

---

它不太常见，带箭头的盒子不是按钮的一部分，它在它的前面。是否可以使用：before选择器执行此操作？按钮是经典的导航列表。谢谢你的帮助

这肯定是可能的。您也可以使用图像，而不是附加“>”

ul{
列表样式：无；
}
背景：金；
宽度：150px；
高度：30px；
线高：30px；
颜色：白色；
}
李：以前{
内容：“>”；
右边框：1px纯白；
填充：5px10px 5px10px；
右边距：10px；
}

一些文本

是的，你可以。使：before元素成为相对定位主按钮内的绝对定位块

然后，只需给它适当的高度、背景色和边框。您可以使用FONTAWESE和

内容
属性将其设置为显示箭头。

*{
框大小：边框框；
填充：0；
保证金：0；
}
正文{padding:20px；}
div{
左边距：64px；
位置：相对位置；
背景：橙色；
高度：64px；
颜色：白色；
线高：64px；
文本缩进：20px；
字体大小：20px；
字体大小：粗体
}
部门：以前{
内容：''；
位置：绝对位置；
左：-134px；
排名：0；
左边距：64px；
高度：64px；
宽度：64px；
背景：橙色
}
部门：之后{
内容：''；
位置：绝对位置；
左：-90px；
顶部：16px；
左边距：32px；
高度：20px；
宽度：20px；
边框顶部：8px纯白；
右边框：8px纯白；
-webkit变换：旋转（45度）；
-moz变换：旋转（45度）；
变换：旋转（45度）；
}
一些文本
对不起。我已经编辑了这个问题。我认为你们不需要控制他们的位置。触摸，这只是一种方法。嗯。我做了类似的事情，结果不一样。谢谢你的回答。我给了我一个主意