<分区>
我有一个分区。 在我的 CSS 中,我向这个 div 添加了“:before”,以便在其上创建另一个色 block 。
在 jquery 中,我想更改鼠标悬停时的颜色,但仅限于“div:before” block ,但它不起作用。
我该如何解决我的问题?
谢谢
我的 CSS :
div {
background:cyan;
width:200px;
height:300px;
}
div.color:before {
content:'Color me !';
background:orange;
width:100px;
height:100px;
display:inline-block;
position:absolute;
}
我的 jQuery :
$('div').addClass('color');
$("div").toggleClass("color").mouseover(function() {
$(this).stop().css({ 'background':'#FF0000' });
});
$("div").toggleClass("color").mouseout(function() {
$(this).stop().css({ 'background':'#FFFF00' });
});