chrome调试器中的样式规则

Question

这是chrome中的图片：

我只是在谈论user stylesheet在这里的含义。情况是我100％确定我的样式表中不存在这些类（之前是这样）。我认为它来自缓存，但即使在清除缓存后它仍然存在。有任何想法吗？感谢。

Answer 1

首先，user style sheet是user stylesheet的{​​{3}}。这是一个额外的样式表，可以帮助您（用户）浏览网页。因此，如果您更喜欢某些CSS设置而不是网页设计者的意图，您可以用自己的设置来否决这些设置。

您找到的此PC: C:UsersYourUsernameAppDataLocalGoogleChromeUser DataDefaultUser StyleSheetsCustom.css MAC: ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css 因此可能只是您个人电脑上的本地CSS文件。

因此我们需要知道：你在哪里找到.CSS文件？

如果同一文件位于此位置：

user stylesheet

然后答案是：

上面的文件听起来是一个CSS文件，您可以修改并添加自己的自定义样式，以更改Google Chrome Web Inspector的外观。

这意味着您可以使用该特定样式表更改Google Chrome网络检查器的外观。 因此，它与您正在检查的网站无关，只与您的网络检查员的外观（使用HTML，CSS和JavaScript构建）无关。

您可以阅读read this definition。 （Google Chrome版本33不支持自定义样式表）

Google Chrome也可以实现一些其他user agent stylesheets存储在您电脑上的其他地方（但我不知道究竟在哪里）。

请注意，检查员还会显示{{1}}，这是您的浏览器实现的默认样式表。您可以在此问题中了解相关内容：here

Answer 2

http服务器本身可能已缓存该文件的先前版本并正在为其提供服务。

重新加载并检查“网络”标签中的标题，以便全面了解。或者，如果您使用的是开发环境，则可以重新启动服务器 - 只是为了确保。