CSS伪类可以在:not()伪类中使用吗?

时间:2011-04-19 17:10:01

标签: css css3 css-selectors

我想知道是否有可能将伪类“嵌入”彼此内部。我有预感你不能,但我只是想确保我的语法不正确。

以下是我正在尝试做的一个例子:

p.description { margin-bottom: 20px; }

鉴于这种风格,如果您只希望在不是LAST p.description的匹配上发生这种情况,那么无论如何都要执行以下操作?

p.description:not(p.description:last-child)

当然,我有两种风格,如:

p.description { margin-bottom: 20px; }
p.description:last-child { margin-bottom: 0; }

......但如果可以在一行中完成,那似乎就是浪费。

非常感谢!

3 个答案:

答案 0 :(得分:4)

是,到您问题的标题:

p.description:not(:last-child)

不,到问题正文中的CSS示例

p.description:not(p.description:last-child)

The spec says

  

否定伪类:not(X)是一个函数符号,它将simple selector(不包括否定伪类本身)作为参数。

     

简单的选择器是类型选择器,通用选择器,属性选择器,类选择器,ID选择器或伪类。

答案 1 :(得分:2)

是的,p.description:not(:last-child)

答案 2 :(得分:0)

是的,你可以在webkit中运行正常。我用这个例如:

.middlenav:not(:nth-last-child(1))

效果很好。

所以p.description:not(:last-child). 应该