如何使用浏览器检查工具检查网站上的所有 .css/.scss 类？答案

【问题标题】：How to inspect all .css/.scss classes on a website, using a browser inspect tool?如何使用浏览器检查工具检查网站上的所有 .css/.scss 类？
【发布时间】：2019-03-12 01:28:59
【问题描述】：

如何使用浏览器检查工具检查网站上的所有 .css/.scss 类？我正在尝试查看特定网站的 .css 中列出的所有属性。具体来说，在 GitHub 的 pull request 字段中指定的 CSS 类的所有样式？

使用 Chrome 检查器，我可以看到一些 CSS 类的 CSS 类属性，但其中一些没有出现在检查器上。

该字段引用了该类，但我在检查器中看不到它。例如，在拉取请求正文字段中，我看不到任何 js-*** CSS 类属性：

<textarea name="pull_request[body]" id="pull_request_body" placeholder="Leave a comment" aria-label="Comment body" class="form-control input-contrast comment-form-textarea js-comment-field js-paste-markdown js-task-list-field js-quick-submit js-size-to-fit js-suggester-field js-session-resumable js-saved-reply-shortcut-comment-field"></textarea>

【问题讨论】：

标签： html css google-chrome-devtools web-inspector

【解决方案1】：

也许没有。根据我的经验，如果类以 js- 开头，则意味着它用于处理 js 选择器。比如：document.querySelector('js-paste-markdown').addEventsListener...

你可以在他们的代码中看到它。比如js-saved-reply-shortcut-comment-field类：

查看本教程：https://philipwalton.com/articles/decoupling-html-css-and-javascript/（搜索js-*）

【讨论】：