<分区>
<分区>
我阅读了有关 CSS 级联规则的内容，并且对此非常了解。
但事实证明我的代码发生了一些奇怪的事情。当我有更高的特异性点时，该样式不适用。
这里我试图重现这个问题:
p {
font-size: 10px
}
div.container {
font-size: 30px !important;
}<div class="container" style="font-size:20px;">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga nesciunt voluptatum eligendi tempora odio nemo delectus adipisci fugiat quasi quam hic pariatur ea beatae voluptas quae quas, blanditiis incidunt quia.</p>
</div>p 标签不遵循我在内联设置的字体大小，甚至在 css 文件中也是如此。即使它在位置上低得多，在特异性点上高得多
最佳答案
事实证明，这不是特异性点的问题，我认为更多的是继承和级联。很高兴我现在学到了一些东西。
问题是，将 font-size 设置为 parents 实际上只会在 target children 本身没有设置 font-size 时使用。不设置时，会层叠到父级，直到找到font-size属性
但是当它在位置(低优先级)或具有较低特异性点方面设置得更早时，它不会级联起来查找字体大小属性。
p {
font-size: 10px
}
div.container {
font-size: 30px !important;
}
.container p {
font-size: 30px;
}<div class="container" style="font-size:20px;">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga nesciunt voluptatum eligendi tempora odio nemo delectus adipisci fugiat quasi quam hic pariatur ea beatae voluptas quae quas, blanditiis incidunt quia.</p>
</div>之所以可行，是因为我在 div.container 本身的 p 标签上显式设置了 font-size 属性，覆盖了之前的样式我为 p 标签设置
请注意，如果我之前删除 p 标签的样式，它将采用父标签的 font-size
关于html - parent 的字体大小不改变 p child ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34919464/