默认字体大小和相对值答案

【问题标题】：default font-size and relative values默认字体大小和相对值
【发布时间】：2013-04-24 13:43:54
【问题描述】：

如果开发者没有设置font-size，则默认为medium

那么让我们看看这个简单的代码：

<head>  
    <style type="text/css">

        span .medium{
            font-size: medium;
        }
        span .larger{
            font-size: larger;
        }
    </style>
</head>
<body>
    <span class="larger">Hello World!!!</span>
    <span class="medium">Hello World!!!</span>
</body>

结果如何？两个字符串看起来完全一样。

为什么？

font-size 的值没有为元素 body 明确指定，因此应该使用默认值 medium。然后我们有两个跨度。第一个的 font-size 应该比主体 font-size更大。第二个的 font-size 是绝对的，和 body 元素一样。所以第一个文本应该比第二个文本更大。但事实并非如此。谁能给我解释一下？

提前致谢。

【问题讨论】：

标签： css font-size

【解决方案1】：

空间很重要。 span .medium != span.medium.

span.medium{
  font-size: medium;
}
span.larger{
  font-size: larger;
}

span .medium 是一个后代选择器，这意味着它正在搜索具有 medium 类的元素 inside a span。 span.medium 表示类medium 的跨度。

【讨论】：