我需要样式 h1， h2， h3...和div 中的 p 标签，但我只能访问内容区域。
如果可能的话，这将是我会使用的：
<div style="h1{padding:0;}p{font-size:1.4em;color:#000}">
有没有解决方案可以做到这一点？除了为每个元素添加样式。
谢谢
尽管 HTML 语法将style元素限制在head部分，但实际上并未强制执行此要求。它在body内部也有效。您只需要考虑到效果对文档是全局的。因此，要将效果限制为某个元素内的元素，您需要使用合适的选择器。示例（我添加了一个颜色设置，因为问题中padding: 0的效果并不明显：它等于默认值）：
<h1>Heading outside the div</h1>
<p>A paragraph outside the div.</p>
<div class=mydiv>
<style>
.mydiv h1 { padding: 0; color: green; }
.mydiv p { font-size: 1.4em; color: #000; }
</style>
<h1>Heading inside the div</h1>
<p>A paragraph inside the div.</p>
</div>没有一个好的解决方案。
样式元素只能出现在头部中。
内联样式仅适用于显示属性的元素。
你能得到的最接近的就是使用 JavaScript 来动态修改样式表。
您最好解决阻止您修改头部部分的任何问题。
为了避免divs 内部不必要的更改，我将使用具有 2 个唯一 id 的div：红色和绿色
如果您想为特定div 提供不同的样式：
<div id="red"><h1>red</h1><p>red</p>
<div id="green"><h1>green</h1><p>green</p>
body #red > h1,body #red >p{
color:red;
}
body #green > h1,body #green > p{
color:green;
}