DIV 文本格式不一致

Question

我偶然发现了<div>我从未注意到的行为。

<div>不会从<p>标记继承文本格式样式。仅来自<p>标记。即使在使用类选择器时。

https://codepen.io/elaman/pen/JjjRvWB

对此有任何记录在案的解释吗？

Answer 1

使用此 CSS

p, a, section, .test ,div{
text-decoration: underline;
font-weight: bold;
color: blue;
font-size: 12px;
}

Answer 2

在 p 标签中嵌套div 标签在 HTML 中是无效的。如果您在浏览器中打开它并单击检查元素，您将看到浏览器在div 的两侧创建 2 p 标签，并且它不再嵌套。所以div 不能从 p 标签继承任何东西。

Answer 3

根据 W3 验证，这不是不包含div 元素的有效 p 标记。 因此，签入检查或查看页面源div 标签自动在 P 之外，这就是 P 标签样式不适用于div 标签的原因。