html – 更改:之前:将鼠标悬停在主DIV上?

前端之家收集整理的这篇文章主要介绍了html – 更改:之前:将鼠标悬停在主DIV上?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个看起来像讲话泡泡的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.

原文链接:https://www.f2er.com/html/226638.html

猜你在找的HTML相关文章