更改：之前何時：hover 超過主 DIV？

Question

我有一個看起來像氣泡的 div。 主 div 是氣泡，而：before 是箭頭。 我想要做的是，當你翻轉: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";
}

js小提琴。