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

前端之家收集整理的这篇文章主要介绍了在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测试 – 运作良好.

猜你在找的CSS相关文章