В Chrome DevTools вы можете добавить селектор CSS непосредственно в выбранный документ с помощью инструмента New Style Rule.
Однако по умолчанию это довольно небрежно, поскольку не захватывает только класс или идентификатор элемента, но также и его тип.
Например, если вы выбрали элемент H1 с классом «main-heading»
Вместо:
.main-heading {}
Создает:
h1.main-heading {}
Есть ли способ заставить его создать только селектор класса?