Как в DevTools удобно копировать весь CSS определенного тэга/класса HTML?

Question

[dhat]

Собственно, весь вопрос в названии темы. Как это удобно делать, в пару кликов? Никак не могу найти...

Answer 1

[iBird Rose]

выделяешь и копируешь. в чем проблема? в один клик

Comments

[dhat]

Так там каскад может быть. Или псевдоселекторы.

[iBird Rose]

dhat: а в чем проблема? их тоже выделяешь. также

[dhat]

iBird Rose: ага, итого - десятки кликов и лазаний по меню и вкладкам. Наверное, как раз в этом и проблема, не?))

[iBird Rose]

dhat: тебе весь css надо чтоли? со всеми дочерними элементами? ну там в 2 клика ты никак не сделаешь. либо сохраняешь весь ксс и поиском находишь эти классы, либо надеешься что стили написаны на sass или less и они подключены через sourcemap. тогда нужный тебе элемент будет в одном месте с вложенными в него

Answer 2

[Алекс Глебов]

Вкладка Sourses в хроме
указываешь путь у css файла на компе - все само сохранится.

Comments

[dhat]

Не совсем понятно у какого css файла на компе мне надо указать путь. Вернее, совершенно непонятно.

[dhat]

Мне надо там добавить свою папку? А потом создать файл цсс в ней? Что вы имеете ввиду?

[Алекс Глебов]

dhat: во вкладке Sourses ищешь css файл который правил в dev tools, жмешь save ass

[Алекс Глебов]

и он сохранится

[Алекс Глебов]

когда дальше будешь править, браузер уже сам его будет сохранять, если путь указан

[dhat]

Алекс Глебов: я не правил никакой файл в dev tools! Я открываю любой сайт, и хочу скопировать свойства определенного элемента.

Answer 3

[Ankhena]

Вкладка Computed Вам не поможет, случайно?
Это будут конечные стили объекта (не селектора) по мнению браузера.