可以在css中使用多个伪元素吗？

Question

我想制作一个菜单,其中每个项目用·分隔.要实现这个我用

menu li:before {
    content: "· ";
}

这是膨胀,但它也会在第一个项目之前生成一个点.因此,我也想使用:first-child伪类.我可以这样做吗？

Answer 1

当然可以 - http://jsfiddle.net/WQBxk/

p:before {
    content: "BEFORE ";
    display: block;
}

p:first-child:before {
    content: "1ST";
    display: block
}
?

坏 - 它在IE7及以下版本中无效.不是因为多个伪选择器,而是因为不支持:before- http://kimblim.dk/css-tests/selectors/

刚刚在IE8中测试 - 效果很好.