两个。CSS样式在一个页面中？

因此，我目前正在尝试为我的登录页合并两个独立的.css文件。他们都导入了不同的谷歌字体，问题是，正如你们都知道的，最后一个。css样式将覆盖第一个。是否有一个很好的方法来处理这个问题，或者这是通常不做的事情？所有的类名也是不同的

<link href='http://fonts.googleapis.com/css?family=Raleway:600,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>

---

也许我只是没有以正确的方式调用.css…如果你需要我提供更多信息，请告诉我。这是一个常见问题吗？

这根本不应该是什么问题。谷歌字体将单独加载。您将通过编写以下代码将它们调用到css中

h1, h2, h3 {
    font-family: 'Raleway';
}

p {
    font-family: 'Lato';
}

---

谷歌字体允许你将所有字体添加到一个集合中，因为你是单独做的，所以它会被覆盖

<link href='http://fonts.googleapis.com/css?family=Lato:400,700,300italic|Raleway:600,900' rel='stylesheet' type='text/css'>

---

利用字体匹配

在这种情况下，在每个字体类型之间放置一个管道字符（垂直线）

代码如下所示：

<link href='http://fonts.googleapis.com/css?family=Raleway:600,900|Lato:300,400,700' rel='stylesheet' type='text/css'>

---

你到底有什么问题？你在使用这些字体时会遇到任何冲突吗？你希望我们怎么做，你选择了你网站的设计，我不明白你为什么需要我们告诉你该保留哪个css规则。我认为这不会带来任何问题。因为两者都是不同的字体，你将使用不同的名称来引用它们。没有问题。实际上，您可以使用管道分隔符将它们组合成一行（如

）“最后一个.css样式将覆盖第一个”不是真的，那么问题是什么呢。（如果CSS声明冲突，则最后一个声明将在其他条件相同的情况下获胜，但您没有显示任何CSS声明。）