由于 CSS 的本质和级联，我确信这是否可能，但无论如何我都会尝试。
我正在创建一个条款和条件框，其中将包含用户将选择的一些关键元素。由于条款和条件将包含表单组件(单选按钮、复选框)。我真的不想经历将其放入 IFrame 并以这种方式获取用户输入的麻烦。
我想使用添加了溢出:自动属性，我可以创建一个带有条款和条件的滚动框，并让用户以这种方式选择他们的选项。
嗯，因为条款和条件有一些标记，这些标记会直接受到网站 CSS 的影响，所以我需要找到一种方法让这个 div 不使用网站的主要 CSS。
这里是一些示例代码，与我正在尝试的方法类似:
<html>
<head>
<style>
div
{
border: solid 1px #000;
}
div small
{
font-size: 17pt;
}
</style>
</head>
<body>
<div style="overflow: auto; width: 500px; height: 300px;">
<small>This is small text</small>
<div>
<small>This is small text</small>
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Donec vulputate mi sed nisl blandit sed porttitor massa fringilla.
</div>
</div>
</body>
</html>
结果是一个漂亮的小黑框，其中包含一些文本，然后是一个包含更多文本的子框，这里的关键项是 <small/> 中包含的文本。 .
有没有办法让某个div下的任何东西不继承CSS？也许我需要采取完全不同的方法。
想？有想法吗？有建议吗？
提前致谢!
最佳答案
不要直接使用标签名称，而是保留两组类(“内部”和“外部”)并使用它们。
因此，您可以拥有一个 div.inner 定义和一个 div.outer 定义，并分别处理它们。不过，inner 必须显式撤消 outer 的设置。
类似于
<div class="outer">
<div class="outer">Some content. <small>Small text.</small></div>
<div class="inner container">
<small>Blah blah blah</small>
More content
</div>
</div>
并在 CSS 中定义您需要的任何内容，
div.outer {
border: 1px solid black;
}
div.outer small {
font: 17pt;
}
div.inner {
border: none;
}
div.inner small {
font: 15pt;
}
div.container {
overflow: auto;
width: 500px;
height: 300px;
}
关于CSS - 嵌套 DIV : Clear Sub Styles，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/853684/