javascript - 哪些 CSS 文件会影响网页？

<分区>

我有一个网页导入了 10 多个外部 css 文件。我已经使用 Chrome 开发者工具来检查一个元素并尝试判断网页正在使用哪些 css 文件。页面最初加载后，我浏览了每个元素以查看它引用的 css。

问题是存在向某些元素添加类的 javascript 功能，我不知道如何复制所有该状态。有没有办法确定哪些 css 文件对网页没有影响？

最佳答案

所有 CSS 文件都会影响网页，但最后一个选择器是唯一影响元素的选择器。

例如，如果我使用以下 CSS 文件:

<head>
 <link rel="stylesheet" url="css/style1.css" media="screen">
 <link rel="stylesheet" url="css/style2.css" media="screen">
</head>

这里是样式:

样式 1 CSS

a { color: black; }

样式 2 CSS

a {
    text-decoration: none;
    color: blue;
}

什么颜色会有链接？黑色且没有下划线，因为最后一个 color 属性在最后一个 CSS 文件中，并且在最后一个 CSS 文件中有 text-decoration 属性。

狮子座!

关于javascript - 哪些 CSS 文件会影响网页？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17306098/