我在伪选择器之后的事件图标选择器上实现时遇到问题。下面是 尝试过的代码。
<html>
<head>
<style type="text/css">
.btn{
width:25%;
}
.name{
background: #fff;
color: #000;
text-align: center;
height: 35px;
line-height: 35px;
font-size: 18px;
border: 1px solid;
}
.name:after{
content: "";
position: absolute;
left: 210px;
top: 19px;
background-image: url('dark.png');
width: 15px;
height: 15px;
background-size: 100% auto;
}
.name:after:active{
background-image: url('light.png');
}
</style>
</head>
<body>
<div class="btn name">Submit</div>
</body>
</html>
建议我使用伪选择器后实现事件选择器的方法。 提前致谢。
最佳答案
伪元素需要放在最后:
.name:active:after{
background-image: url('light.png');
}
如果您希望仅在激活伪元素时更改伪元素样式，那是不可能的。参见 this answer寻求解释。
关于html - 使用伪元素后的 CSS 主动选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22985737/