Question

我需要在div中设置样式h1，h2，h3 ......和p标签，但我只能访问内容区域。

如果可能，这将是我使用的：

<div style="h1{padding:0;}p{font-size:1.4em;color:#000}">

有解决办法吗？除了为每个元素添加样式。

由于

Answer 1

尽管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>

Answer 2

没有一个好的解决方案。

样式元素可能只出现在头部。

内联样式仅适用于属性出现的元素。

您最接近的是使用JavaScript动态修改样式表。

你可以更好地修复阻止你修改头部的任何问题。

Answer 3

为了避免div中不必要的更改，我将使用带有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;

}

div中的样式（h和p）标签。只能进入内部

3 个答案: