CSS使用多個樣式表問題

Question

在簡單的html頁面中，我們可以使用如下代碼：

<style type="text/css">
a {text-decoration:none;}
 a { color: inherit; } 
/*----------Text Styles----------*/
.ws72 {font-size: 88px;}
.ws74 {font-size: 93px;}

.wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style> 

使用以下類：

<div>
 <font class="ws72" >
      </div>

另一個像：

<div class="wpmd">
      <div>

所有這些都使用相同的頁面CSS，現在我該如何使用類似的東西：

<link href="example.com/better.css" rel="stylesheet" type="text/css">  for class .ws72 

像：

<link href="example.com/best.css" rel="stylesheet" type="text/css">
for .wpmd

Answer 1

首先，您正在使用像<font>這樣的舊html標簽，如今已不建議使用它。 因此，我建議您不要使用該標簽。

對於您的問題，您無需分隔樣式表，但是可以在單個樣式表中添加多個樣式規則，如果頁面具有一個類，則樣式表將使用該樣式規則，而其他頁面也可以使用相同的樣式。

Answer 2

您可以同時使用所有類型。 只需記住，它將根據CSS選擇器weigth的優先級執行不同的操作。 在MDN或Smashingmagazine （帶有精美圖片）上閱讀有關它的信息。