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

我想制作一个菜单,每个项目分开一个.为了实现这个我使用

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

这是膨胀,但它也在第一个项目之前产生一个点.因此,我想使用：first-child pseudo-class.我可以这样做吗

解决方法

当然可以 – 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测试 – 运作良好.