html - 如何使用动态生成的 HTML 代码进行视觉更改？

Question

我从 markdown 动态生成 HTML 代码，并将其包装到 <p></p> 中标记如下。

<p class="embedded_markdown">
...
<h1>...</h1>
...
<h3>...</h3>
...
</p>

我想展示生成的 HTML 的一些差异。我尝试使用 CSS。

p.embedded_markdown {
    background-color: yellow;
}

但是，没有显示任何更改。可能出了什么问题？如何进行一些视觉上的改变？

Answer 1

当您在 p 标签内插入 h1 标签时，浏览器会尝试通过移除 h1 并将其放在 p 之外来更正标记。使用开发工具检查结果，您将看到。而不是 <p>使用 <div>因为 div 没有语义意义