＆＃34;继承自html＆＃34;但仍然在CSS检查器中处于活动状态

Question

如果我在我的CSS中写下以下代码，当我查看“样式”窗口时，在Chrome检查器工具箱中，此规则被Inherited from html禁用，但仍然可以略高一些。 为什么？

您可以自己进行验证：

html, body{
	word-wrap:break-word;
	font-family: sans-serif;
	color: #333;
}

Inspect me

Answer 1

因为您将样式应用于html 和正文。 Html是body的父级，因此首先将样式应用于html并传递给它的子，即body。但是接下来浏览器会覆盖这些样式，这次是因为它正在阅读体型。

基本上你正在做的事情是：

html { word-wrap: break-word; /* etc */ }
body { word-wrap: break-word; /* etc */ }

Answer 2

他们是灰色的，因为你不在那个元素上。尝试在开发工具中选择html元素，它将是黑色的。