关于css:解决实现伪元素的-hover-效果的问题

52次阅读

共计 414 个字符,预计需要花费 2 分钟才能阅读完成。

例如,当有一个元素下面有一个伪元素时,像给这个伪元素设置一个 hover 成果,当该伪元素 hover 时,才显示该伪元素。

元素:

li {background: red;}

li:after {border: 1px solid blue;}

这个时候,先在该伪元素所在的元素上加上 hover,而后在 hover 前面加上 :after 即可。

例如,接着下面例子中的代码,持续写如下代码:

li:hover:after {border: 1px solid blue;}

加上下面代码后,即可实现只有当 hover 时,显示该伪元素。留神程序,hover 在后面,after 在前面。

参考:

[https://stackoverflow.com/questions/13233991/combine-after-with-hover](https://stackoverflow.com/questions/13233991/combine-after-with-hover)

正文完
 0