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

Question

如何使用浏览器检查工具检查网站上的所有.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>

Answer 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-*）