0

这是我第一次在 stackoverflow 网站上，我对两个链接标签的 CSS 优先级有疑问，这两个文件包含相同的类变量名。它会选择哪个类变量。提前致谢。

这是代码的结构。

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

3 回答 3

2

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

于 2013-02-14T15:34:50.357 回答
2

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

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

于 2013-02-14T15:35:01.820 回答
0

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

1. 2.

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

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

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

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

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

于 2021-08-05T19:38:23.343 回答