cursor：指针不起作用：在元素之后？

Question

我在Chrome中查看以下示例，似乎无法让cursor: pointer使用:after的{​​{1}}元素。有办法解决这个问题吗？

http://jsfiddle.net/qKMPQ/2/

Answer 1

不是在cursor: pointer元素上设置:after，而是在整个li上设置它，它将显示在两者上。

修改
对于那些试图在li及其:after伪元素上使用不同游标的人，您只需要在cursor内明确定义内容的li属性。请参阅此更新的小提琴：http://jsfiddle.net/qKMPQ/20/

<ul>
    <li>
        <a href="#"></a>
    </li>
</ul>

ul { list-style-type: none; }
li { cursor: pointer; }
a {
    background: red;
    float: left;
    width: 100px;
    height: 100px;
    cursor: help;
    display: block; }
li:after {
    content: "";
    background: yellow;
    float: left;
    width: 100px;
    height: 100px;
    display: block; }