这是我的代码,我想在元素后显示悬停效果。
#car:after:hover{background:red:}
但这不起作用。
看看下面的这个演示。我认为你缺少content
财产。
在Red
div
使用创建:after
和改变其上悬停颜色。
在selector:after:hover
将无法正常工作。
.car {
position: relative;
width: 100px;
height: 100px;
background: yellow;
}
.car:hover {
background: skyblue;
}
.car:after {
content: '';
width: 50px;
height: 50px;
position: absolute;
right: 0;
bottom: 0;
background: green;
}
.car:hover:after {
background: red;
}
<div class="car"></div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句