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 （带有精美图片）上阅读有关它的信息。