html – 更改：之前：将鼠标悬停在主DIV上？

概述我有一个看起来像讲话泡泡的div.主要的div是泡沫和：之前是箭头.我想要做的是,当你翻转时：将DIV悬停在CSS中,它也会改变：之前. 这是我的代码： .sidebar_image_box_newsfeed_user_info_comments { color: #ffffff; background-color: #2f2f2e; text-decoration: none; -webkit- 我有一个看起来像讲话泡泡的div.主要的div是泡沫和：之前是箭头.我想要做的是,当你翻转时：将div悬停在CSS中,它也会改变：之前.

这是我的代码：

.sIDebar_image_Box_newsFeed_user_info_comments { color: #ffffff; background-color: #2f2f2e; text-decoration: none; -webkit-Transition-property: background-color,color,text-decoration; -webkit-Transition-duration: 0.5s,0.5s,0.5s; }.sIDebar_image_Box_newsFeed_user_info_comments:hover { background-color: #3b3b3b; color: #f3f3f3; text-decoration: underline; }.sIDebar_image_Box_newsFeed_user_info_comments:before { content:""; position:absolute; bottom:-6px; right:0; border-wIDth:0 0 6px 6px;  border-style:solID; border-color:transparent #2f2f2e;  text-decoration: none; -webkit-Transition-property: background-color,0.5s; }

解决方法

.sIDebar_image_Box_newsFeed_user_info_comments:hover:before {   content: "I am new";}

jsFiddle.

总结

以上是内存溢出为你收集整理的html – 更改：之前：将鼠标悬停在主DIV上？全部内容，希望文章能够帮你解决html – 更改：之前：将鼠标悬停在主DIV上？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。