2013-04-30 187 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