哪个是CSS的限制：not（）选择器？

Question

我明白有：

<div class="house big"></div>
<div class="house"></div>

我可以像这样选择第二个：

.house:not(.big){}

但是我究竟能通过那个:not()？例如，拥有：

<label>
    <span>Label</span>
    <input type="text">
</label>
<label>
    <p>Label</p>
    <input type="text">
</label>

我想选择输入之前的所有跨度。由于之前没有兄弟选择器（我希望将来会这样），我试图做到这一点没有成功：

span:not(span+input){}

但我的Chrome似乎并不喜欢它。我的逻辑在这里是错的还是简单的，这不是道路：not（）应该有用吗？

这是关于使用:not()的问题，我知道我可以做label span:first-child{}

Answer 1

:not()伪内只允许使用简单的选择器。 http://www.w3.org/TR/selectors/#simple-selectors-dfn

/* the X argument can be replaced with any simple selectors */
:not(X) {
  property: value;
}