Html 将样式应用于除特定div中的元素之外的所有元素
我想将样式应用于不在#mydiv元素中的所有输入元素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
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(请参阅原因)。