html - 在带样式的 header 中覆盖跨度样式

Question

这应该是一个简单的解决方案，但我似乎无法弄明白。看看 fiddle .为什么我不能覆盖第二个跨度的字体大小？这是代码:

html:

<h1>
    <span>hello </span>
    <span id="span2">world</span>
</h1>

CSS:

h1
{
    font-size:2em;
}
h1  #span2
{
    font-size:1em !important;
}

Answer 1

因为你设置了<h1>的字体大小到 2em。 <h1> 内部的跨度是 1 em，这意味着类似于继承字体大小的 100%。如果将字体大小设置为 span2，看看会发生什么至 0.5em 顺便说一句，您的第一个跨度缺少正确的结束标记。