更改：在何時：將鼠標懸停在主DIV上？

Question

我有一個看起來像講話泡泡的div。主要的div是泡沫和：之前是箭頭。我想要做的是當你在CSS中翻轉:hover DIV時，它也會改變:before。

這裏是我的代碼：

.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, color, text-decoration; -webkit-transition-duration: 0.5s, 0.5s, 0.5s; } 

Answer 1

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

jsFiddle。