Как проверить все классы .css / .scss на сайте, используя инструмент проверки браузера? - PullRequest
0 голосов
/ 07 октября 2018

Как проверить все классы .css / .scss на сайте, используя инструмент проверки браузера?Я пытаюсь увидеть все свойства, перечисленные в .css для конкретного сайта.В частности, все стили для класса CSS, указанные в полях запроса на получение в GitHub?

С помощью инспектора Chrome я могу видеть свойства класса CSS некоторых из классов CSS, но некоторые из них этого не делаютпоявляются в инспекторе.

Поле ссылается на класс, но я не вижу его в инспекторе.Например, в поле тела запроса pull я не вижу ни одного из свойств класса CSS js-***:

<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>

1 Ответ

0 голосов
/ 08 октября 2018

Может быть, нет.Из моего опыта, если класс начинается с js-, это означает, что он предназначен для обработки js селекторов.Что-то вроде: document.querySelector('js-paste-markdown').addEventsListener ...

И вы можете увидеть это в их коде.Например, класс js-saved-reply-shortcut-comment-field:

screenshot of the code example

См. Этот урок: https://philipwalton.com/articles/decoupling-html-css-and-javascript/ (Поиск js-*)

...