将样式应用于元素，而不应用于另一个元素中的元素
将样式应用于元素，而不应用于另一个元素中的元素
提问于 2016-04-25 17:19:32
让我说我有一个代码
<input type='text' />
<br />
<iframe>
<input type='text'>
</iframe>还有一种风格
input[type='text'] {
border: 1px solid black;
}我希望这些样式只适用于iframe之外的元素。我怎样才能做到这一点？我实际上是在看css :not选择器，但我对如何使用它感到困惑。我想实现这样的目标
input[type='text'], input:not(iframe) {
border: 1px solid black
}或将样式应用于类型文本的所有输入，但不应用于在iframe中输入类型文本。
回答 3
Stack Overflow用户
发布于 2016-04-25 17:44:06
不可能用CSS选择某些元素之外的元素。
您必须创建一个具有所需样式定义的类，并将其应用于所有输入。
:not选择器可用于选择所有元素，但指定为参数的元素(例如：:not(p)将从页面中选择除段落外的所有元素)。
Stack Overflow用户
发布于 2016-04-25 17:22:07
Inputtype=“text”{边框: 1px实心#000}
如果inputtype=“文本”{边框:无}
Stack Overflow用户
发布于 2016-04-25 17:39:56
它应该如清单所示起作用。Iframes是孤立的，应该有自己的样式，您是否在两个页面上都包含相同的样式表？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36847057
复制相关文章
相似问题
腾讯云开发者
