Question

这是我第一次访问stackoverflow网站，我对两个链接标记的CSS优先级有疑问，这两个文件包含相同的类变量名。它将采用哪种类变量。提前谢谢。

这是代码的结构。

<link href = "../assets/css/bootstrap.css" rel = "stylesheet" type = "text/css" >
<link href = "example-fixed-layout.css" rel = "stylesheet" type = "text/css">

Answer 1

出现的最后一条css规则，如果它与另一条规则具有相同的特异性，则将适用。如果您想要更具体的答案，请显示相关规则。

Answer 2

假设两个文件中的选择器相同，则将使用example-fixed-layout.css中定义的类。

CSS中的'C'代表级联......

Answer 3

如果你使用相同的类并使用相同的规则声明，总是最后一个进入最大优先级。如果您使用 !important 规则，它将覆盖该元素上该特定属性的所有先前样式规则！

1. 2.

假设第一个 CSS 文件 bootstrap.css 有一个名为 .nav-header 的类。并声明一些属性，如：

.nav-header{
  background:#f9f9f9 !important;
  color:#000;
}

和第二个 CSS 文件具有相同的类并编写一些规则和属性，例如：

 .nav-header{
      background:#f9f9f9;
      color:#000;
    }

虽然由于使用了重要属性，应该从第二个文件加载CSS类数据，但数据将从第一个文件加载

CSS上的两个链接标记 - 优先级

3 个答案: