我正在尝试制作一个水平选项卡式菜单，其中每个选项卡的宽度相同(通过 CSS 指定)并且具有 3 边边框。相邻选项卡的边框应该折叠成单个像素，但我还没有找到合适的方法来执行此操作，除非我在每个选项卡的一侧使用负 1px 边距或将所有内容都变成 display:table- cell 并使用 border-collapse: collapse。
当涉及到事件选项卡显示时，这些方法中的任何一种都存在问题，因为该元素的边框应该在两侧与其相邻元素的边框重叠。
这里有一个 fiddle 来展示这两种情况:https://jsfiddle.net/0wet6rgr/1/
制作这种菜单的最佳方法是什么？
最佳答案
您可以使用相邻的选择器 + 选择事件选择器之后的 li 并更改左边框的颜色，如下所示:
#test1 li.active + li {
border-left: 1px solid #00FFFF;
}
关于html - CSS 中的水平选项卡式菜单，无法使事件选项卡的边框重叠处于非事件状态，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31741601/