我有这样的设置:
<div id="button">Button</div>
同时这也适用于CSS:
#button {
color: #fff;
display: block;
height: 25px;
margin: 0 10px;
padding: 10px;
text-indent: 20px;
width: 12%;
}
#button:before {
background-color: blue;
content: "";
display: block;
height: 25px;
width: 25px;
}
有没有办法给伪元素一个悬停效果,例如 #button:before:hover {...}
,并且是否也可能使伪元素在响应其他元素悬停时悬停,例如: #button:hover #button:before {...}
?仅使用CSS最好,但使用jQuery也可以。