将多个伪类应用于选择器的正确 CSS 语法是什么?我想在列表中除最后一项之外的每一项之后插入“,”。我正在使用以下CSS:
ul.phone_numbers li:after {
content: ",";
}
ul.phone_numbers li:last-child:after {
content: "";
}
这在 FF3、Chrome 和 Safari 3 上工作正常。IE7 不起作用,因为它不支持 :after (如预期)。在 IE 8 中,每个 li 后面(包括最后一个)都用逗号呈现。这是 IE8 的问题还是我的语法不正确?如果它在 IE8 中不起作用也没关系,但我想知道正确的语法是什么。
:last-child
是一个伪类,而:after
(or ::after
在 CSS3 中)是一个伪元素。
去引用标准 http://www.w3.org/TR/CSS21/selector.html#pseudo-classes:
选择器中的任何位置都允许使用伪类,而伪元素只能附加在选择器的最后一个简单选择器之后。
这意味着根据 CSS2.1 你的语法是正确的并且CSS3也是如此 http://www.w3.org/TR/css3-selectors/#selector-syntax,即 IE8 仍然很糟糕;)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)