比如当一个元素上有伪元素时,就好比给伪元素设置悬停效果,伪元素是仅在悬停伪元素时显示。元素:li{背景:红色;}li:after{边框:1px纯蓝色;这个时候先给伪元素所在的元素加上hover,然后在hover后面加上:after。比如沿用上面例子中的代码,继续写如下代码:li:hover:after{border:1pxsolidblue;}添加上面的代码后,伪元素只有悬停时才能显示。注意顺序,悬停在前面,后面悬停在后面。参考:[https://stackoverflow.com/questions/13233991/combine-after-with-hover](https://stackoverflow.com/questions/13233991/combine-after-with-hover)
