覆盖CSS问题

我有一个问题，我想覆盖一些CSS，但无法找到正确的设置来完成我需要的。让我们使用以下选项：

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

我对这门课有一些我不喜欢的东西，所以我把我不喜欢的评论出来

.page-link {
  position: relative;
  display: block;
  /* padding: 0.5rem 0.75rem; */
  /* margin-left: -1px; */
  /* line-height: 1.25; */
  /* color: #007bff; */
  /* background-color: #fff; */
  /* border: 1px solid #dee2e6; */
}

很简单，但现在我想将所有更改或覆盖保存在一个单独的文件中

在我的新文件中复制了这个类之后，我应该能够改变我不喜欢模仿的东西，就像原来的被注释掉一样。然而，我似乎无法让这个工作。我用

取消设置

，

继承

，

初始

，

还原

，以及其他一些方法尝试了以下步骤。我做错了什么

.page-link {
  padding: unset;
  margin-left: unset;
  line-height: unset;
  color: unset;
  background-color: unset;
  border: unset;
}

编辑：再次声明，当原始值被注释掉时，这将按预期工作

编辑2：我应该注意到，我当前的方法是在html中包含原始文件，然后是覆盖文件。这是无效的

<link href="css/original.css" rel="stylesheet"> 
<link href="css/overrides.css" rel="stylesheet"> 

这就是我的浏览器解释上述内容的方式

---

两次声明类。第二个将优先于第一个。。。 如果您使用两个文件，则包含文件也是如此。包括你最后想要申请的课程，事情的顺序很重要

。页面链接{
位置：相对位置；
显示：块；
填充：0.5雷姆0.75雷姆；
左边距：-1px；
线高：1.25；
颜色：#007bff；
背景色：#fff；
边框：1px实心#dee2e6；
}
.网页链接{
位置：相对位置；
显示：块；
填充：未设置；
左边距：未设置；
行高：未设置；
颜色：未设置；
背景色：未设置；
边界：未设置；
}

---

测试

两次声明类。第二个将优先于第一个。。。 如果您使用两个文件，则包含文件也是如此。包括你最后想要申请的课程，事情的顺序很重要

。页面链接{
位置：相对位置；
显示：块；
填充：0.5雷姆0.75雷姆；
左边距：-1px；
线高：1.25；
颜色：#007bff；
背景色：#fff；
边框：1px实心#dee2e6；
}
.网页链接{
位置：相对位置；
显示：块；
填充：未设置；
左边距：未设置；
行高：未设置；
颜色：未设置；
背景色：未设置；
边界：未设置；
}

测试

您是否在HTML文档中引用新的CSS文件？我知道，这似乎是个愚蠢的问题，但很容易犯这样的小错误

如果是，您是在原始CSS文件之前引用新CSS文件，还是在原始CSS文件之后引用新CSS文件？之后应该会有

您是否在HTML文档中引用新的CSS文件？我知道，这似乎是个愚蠢的问题，但很容易犯这样的小错误

如果是，您是在原始CSS文件之前引用新CSS文件，还是在原始CSS文件之后引用新CSS文件？之后应该会有

如果您确实需要将类保存在单独的文件中，您应该尝试将要覆盖的文件的标记放在要覆盖的文件的选项卡之上。您还可以使用属性名称：property value！重要；，但不建议这样做。

如果确实需要将类保存在单独的文件中，则应尝试将要覆盖的文件的标记放在要覆盖的文件的选项卡上方。您还可以使用属性名称：property value！重要；，但不建议这样做。

initial

应该可以工作，这会将属性重置为其默认值，这是我通常用于此类情况的方法

它在这里起作用：

我建议检查CSS文件的顺序，覆盖应该在后面，如下所示：

<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="overrides.css">

---

我还会检查浏览器，检查元素，看看是否有其他更具体的规则干扰了你的规则。

initial

应该可以工作，这会将属性重置为默认值，这是我通常在这种情况下使用的

它在这里起作用：

我建议检查CSS文件的顺序，覆盖应该在后面，如下所示：

<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="overrides.css">

我还会检查浏览器，检查元素，看看是否有其他更具体的规则干扰了你的规则