Question

我想做以下事情：

.feed > :not(:nth-child(n+5):nth-child(-n+10))

但显然这在css中不可用。有没有办法解决这个问题？

Answer 1

您可以使用

.feed > :not(:nth-child(n+5)), .feed > :not(:nth-child(-n+10)) {
    background: red;
}

<强>解释

这是因为:nth-child(n+5):nth-child(-n+10)表示:nth-child(n+5)和nth-child(-n+10)。

但根据德摩根的法律，

not（A AND B）= not（A）OR not（B）

然后，如果你想取消它，而不是:not(:nth-child(n+5):nth-child(-n+10))，你需要OR运算符,：

:not(:nth-child(n+5)), :not(:nth-child(-n+10))

Answer 2

您似乎正在尝试选择不是.feed的第5个孩子的所有元素。另一种方法是选择第1至第4个子元素，然后选择第11个+子元素。

这样做：

.feed > :nth-child(-n+4), .feed > :nth-child(n+11) {
    ...
}