Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将样式应用于除特定div中的元素之外的所有元素_Html_Css - Fatal编程技术网

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

Html 将样式应用于除特定div中的元素之外的所有元素,html,css,Html,Css,我想将样式应用于不在#mydiv元素中的所有输入元素 input[type="text"], input[type="password"]:not(:in(#mydiv)) /* something like this */ { border: 1px solid #ccc; padding: 1px; color: #444; min-width: 70px; } CSS2没有not in子句 你的解决方案是给他们所有人一个特定的类 input.my_cl

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

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

CSS2没有not in子句

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

input.my_class {
  ...
}

CSS3具有,但不遍历父级。

CSS2没有not in子句

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

input.my_class {
  ...
}

CSS3具有,但它不遍历父对象。

使用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中的所有样式。

使用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中的所有样式。

您将无法以这种方式恢复默认输入样式,这是不幸的。@BoltClock我知道,但这是您所能做的最好的。默认样式非常相似,只要您可以针对按钮类型和文本类型。Mac电脑有圆角,但在其他方面是相当统一的。你不能用这种方式恢复默认的输入样式,这是不幸的。我知道,但这是你能做的最好的了。默认样式非常相似,只要您可以针对按钮类型和文本类型。Mac电脑有圆角,但在其他方面是相当统一的。请不要链接到那篇文章。这是非常错误的消息。链接到规范:请不要链接到那篇文章。这是非常错误的消息。改为链接到规范:最接近的是jQuery的
:not()
,如
$('input[type=“password”]:not(#mydiv*))
,但它不是有效的CSS(请参阅原因)。最接近的是jQuery的
:not()
,如
$('input[type=“password”]:not(#mydiv*))
),但它不是有效的CSS(请参阅原因)。