css - 我应该如何处理不是 CSS 中给定元素的直接子元素的元素？

Question

考虑这个片段：

<div class="container">
  <input type="text">
  <div class="myList">
   <input type="text">
  </div>
</div>

我认为以下选择器可以处理整个文本输入，除了那些 myList 的直接子项，显然我错了：

.container :not(div.myList) input[type="text"] {
}

我该怎么办？在CSS中可能吗？这是我为加快速度而创建的http://jsfiddle.net/C46tN/ 。

谢谢。

Answer 1

你有2个问题：

1）你不能这样做：not（div.myList）。你只能做:not(.myList)。

这是正确的语法：

.container :not(.myList) input[type="text"] {
    border:2px solid #f00;
}

如果您将此类仅设置为 div，则这不是一个真正的问题。

2）您对这条规则的真正意思是：inouts 是不属于 myList 类的元素的后代，即容器的后代。这意味着您不会选择容器的直接后代。