为一个html/php页面使用两个外部css文件

对于我的网站，我想使用两个css文件，一个是Twitter引导（Bootstrap.css），另一个是我自己的（erikstyle.css）。这样做的原因是，在大多数情况下，我希望使用引导样式，但我希望能够在不更改原始文件的情况下对样式进行细微更改

因此，示例页面具有以下内容：

<link rel="stylesheet" type="text/css" href="../styrkesite/Bootstrap/css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="../styrkesite/css/erikStyle.css"/>

我在erikstyles.css中更改了颜色，如下所示：

kbd
{
  color: red;
}

<kbd class="someClass" id="someId"></kbd>

问题是，erikstyle.css样式更改（即颜色）没有生效。但是，如果我将erikstyle.css更改为

   kbd
    {
     color: red !important;
    }

它起作用了。因此，我知道这两个文件都被正确引用，并按预期工作，但我希望避免添加！对每一次改动都很重要

正如Google所说，页面上css文件引用的顺序确保在任何冲突样式元素（在本例中为颜色）的情况下，最后引用的css文件中的样式元素将优先使用（即，应使用erikstyle中的颜色，其余元素应从引导中获取）

我试着加上

title="persistent"

及

引用css文件，如其他地方所建议的，但没有任何效果

有人有这方面的线索吗

---

Thx:）

使您的选择器更强大 例如，给它一个完整的路径 像

或者类似于：

kbd.someClass {
    color: red;
}

或

更新：

在您的情况下，您的HTML应该如下所示：

kbd
{
  color: red;
}

<kbd class="someClass" id="someId"></kbd>

使用类或id

我还强烈建议您阅读更多关于HTML和CSS的内容

W3学校将是一个良好的开端：

---

使用！“重要”不是一个好的选择，因为您将来很可能希望覆盖自己的样式

我支持@shehabix的答案，让你的选择器更强大，就没有必要覆盖基本样式

以下是一些最佳实践：

始终在基本css文件之后加载自定义css（不响应）

避免使用！如果可能的话，这很重要。这可以从基础覆盖一些重要的样式

---

如果不想丢失媒体查询，请始终在custom.css之后加载bootstrap-responsive.css..-必须遵守

嗨，伙计们-谢谢你们的回答，你们两个。所以，在实践中，我该如何做（我是css新手…）例如，如果我在erikstyle.css中使用了来自Shehabix的选项1，那么它应该在代码中被引用如下：如果我只想更改颜色，那么SOMETEXT。。。？无法让它工作，所以我可能做得不好…你能用它的两个父标记添加你的原始代码吗？嗨，Shehabix-thx更新，我今晚会给它一个镜头（丹麦时间：））谢谢@Shebabix-工作得很好-还感谢阅读材料：）

kbd#someId {
    color: red;
}

<kbd class="someClass" id="someId"></kbd>