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()がありますが、親をトラバースしません。