Javascript 哪些CSS文件会影响网页？_Javascript_Css_Google Chrome Devtools

Javascript 哪些CSS文件会影响网页？

javascript css google-chrome-devtools

Javascript 哪些CSS文件会影响网页？,javascript,css,google-chrome-devtools,Javascript,Css,Google Chrome Devtools,我有一个网页，导入超过10个外部css文件。我已经使用Chrome开发者工具检查了一个元素，并试图确定网页正在使用哪些css文件。在页面最初加载之后，我检查了每个元素以查看它引用的css 问题是有javascript功能将类添加到某些元素中，我不知道如何复制所有这些状态。有没有办法确定哪些css文件对网页没有影响？所有css文件都会影响网页，但最后一个选择器是唯一影响元素的选择器例如，如果我使用以下CSS文件： <head> <link rel="stylesheet" u

我有一个网页，导入超过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>

样式2 CSS

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

链接是什么颜色的？黑色且无下划线，因为最后一个

颜色

属性位于最后一个CSS文件中，并且在最后一个CSS文件中有

文本装饰

属性

利奥

如果您的页面有Javascript生成动态内容，那么您永远无法知道给定的CSS规则是否会影响页面上的某些内容。浏览器加载所有CSS规则（按优先级规则排序），因此所有CSS文件在某一点上可能会对页面内容产生一些影响

如果您的页面只是静态内容，那么它将成为一个无意义的点，但是如果在某个点您的页面加载了带有一些新内容的模式窗口，无法知道您认为未被使用的CSS文件是否会应用于新内容。

最简单的解决方案可能是删除外部CSS文件，看看会发生什么。不是重复；这个答案与javascript无关。Gengar，我在想，如果你只有10个外部CSS文件，那么简单地强制使用它就不会太难了。“一次去掉几个，看看会发生什么，然后做相应的调整。@quinxorin我在这里看到的唯一问号是在最后一句和标题上。我不明白作者选择使用有限数量的问号是如何决定问题是否重复的。”。请注意他的陈述“问题是javascript功能会将类添加到某些元素中，我不知道如何复制所有这些状态。”我不相信您引用的问题解决了他的问题的这一部分。

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