Question

如果开发者未设置 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元素一样。所以第一个文本应该比第二个文本更大。但事实并非如此。有谁可以向我解释一下？

提前致谢。

Answer 1

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

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

span .medium是一个后代选择器，这意味着它正在搜索<{1}} 里面的一个元素 a medium。 span表示带类span.medium的范围。

默认字体大小和相对值

1 个答案: