为什么不是在div中设置样式的标签？

Question

为什么单词＆＃34;例如＆＃34;黑色在这里

<div style="color: red"><a href="http://exemple.com">Exemple</a></div>

虽然它在这里变红了

<div style="color: red"><p>Exemple</p></div>

甚至在这里

<div style="color: red"><a>Exemple</a></div>

可能是＆＃39; href＆＃39;属性？

PS：我知道，我可以直接设置<a>标签的样式，但我认为我的问题仍然很有趣。

Answer 1

浏览器提供默认样式表。

在该样式表中，color元素上a属性的默认值为蓝色，而不是inherit。您没有做任何事情来覆盖color元素的a属性的值。

p元素上的属性的默认值为 inherit，因此它从其父元素中提取颜色。

Answer 2

a不会从其父级继承它的颜色。您必须通过a {color:red;}或<a style="color: red">

直接设置样式