这是我的 jsfiddle 示例:
更新:这是我的解决方案:http://jsfiddle.net/7PqqT/1/
但是我想达到同样的效果，而不需要箭头 div 位于每个 li 元素中。
现在我要做的是将 jquery addClass('current') 添加到用户单击的 3 个 li 元素中的任意一个，并且我希望箭头出现在该 li 元素下方的中心文本。我不确定执行此操作的最佳方法，我希望有一个简单的方法可以执行此操作。
最佳答案
基本上，我只是完全删除了箭头 div 并将与箭头相关的 CSS 更改为 :before 和 :after 伪元素。就像魅力一样。
关于html - CSS 箭头指向当前选定的 li 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8903840/