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

Question

我在Chrome中查看以下示例,似乎无法开始cursor: pointer使用该:after元素li.有办法解决这个问题吗？

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; }