2013-04-30 107 views
1

如果字体大小不是由开发人员设置,默认值是默认字体大小和相对值

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

<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> 

什么是结果?两个字符串看起来完全一样。

为什么?

字体大小未指定明确地对元件值,因此缺省值介质应该被使用。然后我们有两个跨度。 字体大小第一个应该是那个机构字体大小字体大小第二个是绝对的,和body元素一样。所以拳头文本应该是大于比第二个。但事实并非如此。 任何人都可以向我解释吗?

在此先感谢。

回答

7

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

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

span .medium是后代选择的,这意味着它的搜索的元素与类medium内部一个spanspan.medium表示范围类别medium

+0

作为第一个正确的答案,这将是一个公认的:) – Hubert 2013-04-30 15:49:28