将样式应用于除特定div之外的所有元素

Question

我想将样式应用于不在#mydiv div元素中的所有输入元素。

input[type="text"], 
input[type="password"]:not(:in(#mydiv)) /* something like this */
{
    border: 1px solid #ccc;
    padding: 1px;
    color: #444; 
    min-width: 70px;
}

Answer 1

使用css（无论如何都使用今天的浏览器）是不可能的。

但你可以反过来做：

input[type="text"], input[type="password"] {
  border: 1px solid #ccc;
  padding: 1px;
  color: #444; 
  min-width: 70px;
}

#mydiv input[type="text"], #mydiv input[type="password"] {
  border: none;
  padding: 0px;
  color: inherit;
  min-wdith: 0px;
}

您将样式应用于所有内容，然后在特殊div中添加所有内容的反转样式。

Answer 2

CSS2没有in in子句

您的解决方案是给他们所有特定的课程

input.my_class {
  ...
}

CSS3具有:not()，但它不会遍历父级。