尝试使用css更改div的内容：悬停

Question

我知道我已经看到了这件事，但我无法记住我在哪里看到它。当css：hover被触发时，我试图改变div的内容。

这是我尝试上班的css：

 .mWin_close:hover div.new-label:after {
     content: 'X';
 } 

HTML

 <div id="mClose" class="mWin_close"></div>

Answer 1

您可以将content属性与:after和:before一起使用来操纵悬停时显示的内容..我不知道您的课程被调用了所以我只是创建了自己的课程。希望这会有所帮助。

＆＃13;

＆＃13;

   
.mWin_close{
  width:30px;
}

.mWin_close:after {
   content: 'Y';
}    
.mWin_close:hover:after {
   content: 'X';
} 

＆＃13;

<div id="mClose" class="mWin_close"></div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

CSS无法向div添加一个类，正如您在评论中所说的那样，这是您期望它做的事。
只需改变你的CSS：

＆＃13;

＆＃13;

     
.mWin_close:after {
   content: 'Hover over me! :D';
}    
.mWin_close:hover:after {
   content: 'X';
} 

＆＃13;

<div id="mClose" class="mWin_close"></div>

＆＃13;

＆＃13;

＆＃13;