Google Chrome开发人员工具中的“用户样式表”是什么？

Question

我了解user agent stylesheet但是即使我的Chrome个人资料中的User Stylesheets中没有Custom.css ，我也Custom.css在开发人员工具的“样式”部分中的某些特定网站上看到user stylesheet 。

Answer 1

These "User stylesheet"s are added by Chrome extensions, either declared in a manifest file , or using chrome.tabs.insertCSS .

Styles on the web page always take precedence over the user stylesheet, unless the rule set in the (extension's) user stylesheet has a higher specifity .

If you want to know which extension is responsible for these stylesheets, just disable the extensions one by one until the stylesheet goes away. After disabling an extension, select a different element in the inspector, then select the original element to refresh the view, you don't have to reload the page.