是否可以使用：悬停在：第一个孩子：之后？

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/

基本上，我想做的就是在悬停时更改背景颜色，但它似乎不起作用。

Answer 1

你可以这样做：

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