css – 同时使用:after和:hover

前端之家收集整理的这篇文章主要介绍了css – 同时使用:after和:hover前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有可能只显示:after pseudo using:hover?例如,使用替代元素.
#parent{}
#child{display:none;}
#parent:hover >#child{display:block;}

至于我用同样的方法

#parent{}
#parent:after{content:'hi';display:none;}
#parent:hover  #parent:after{display:block;}

有可能吗?还是我自欺欺人?

解决方法

你可以将两者结合起来:
#parent:hover:after {
    content:'hi';
}

JSFiddle.

猜你在找的CSS相关文章