html - 将样式应用于除特定 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 没有 not in 子句

你的解决方案是给他们一个特定的类

input.my_class {
  ...
}

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