是否可以使用：懸停在：first-child：之後？

Question

HTML

<div> 
    <div></div> 
</div> 

CSS

div > :first-child:after { 
    background-color: orange; 
    color: #fff; 
    font-family: sans-serif; 
    font-size: 50px; 
    line-height: 50px; 
    text-align: center; 
    vertical-align: middle; 
    -webkit-font-smoothing: antialiased; 
    content: "hello world"; 
    display: block; 
    font-size: 50px; 
    height: 160px; 
    line-height: 160px; 
    margin-top: 14px; 
    font-weight: normal; 
} 
div > :first-child:after:hover { 
    background-color: #44b800; 
} 

小提琴

http://jsfiddle.net/VSBr6/

基本上，所有我想要做的就是改變backgr徘徊在懸停的顏色，但它似乎並沒有工作。

Answer 1

你可以這樣說：

div:first-child:hover::after { 
    background-color: #44b800; 
}