如果我在我的CSS中写下以下代码,当我查看“样式”窗口时,在Chrome检查器工具箱中,此规则被Inherited from html
禁用,但仍然可以略高一些。
为什么?
您可以自己进行验证:
html, body{
word-wrap:break-word;
font-family: sans-serif;
color: #333;
}
Inspect me
答案 0 :(得分:2)
因为您将样式应用于html 和正文。 Html是body的父级,因此首先将样式应用于html并传递给它的子,即body。但是接下来浏览器会覆盖这些样式,这次是因为它正在阅读体型。
基本上你正在做的事情是:
html { word-wrap: break-word; /* etc */ }
body { word-wrap: break-word; /* etc */ }
答案 1 :(得分:0)
他们是灰色的,因为你不在那个元素上。尝试在开发工具中选择html元素,它将是黑色的。