gpt4 book ai didi

html - 防止 :hover styles affecting :after content

转载 作者:行者123 更新时间:2023-11-27 22:32:08 25 4
gpt4 key购买 nike

由于无法编辑标记,我需要使用纯 CSS 在列表项之间创建分隔符,因此我使用以下内容:

li:after { 
content: '|';
}

这很好,效果很好并且 support不是问题。但是,当我向每个列表项添加 :hover 效果时,它还会更改 :after 内容的样式。您可以在下面的演示中明白我的意思。

有办法解决这个问题吗?

Simple version here

最佳答案

我建议不要使用 :aftercontent,而是使用 border-right。相同类型的输出由:

li {border-right: 1px solid #999; line-height: 1;}

fiddle :http://jsfiddle.net/praveenscience/2bRy6/3/

关于html - 防止 :hover styles affecting :after content,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16959533/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com