Как скопировать html вместе со стилями css?

Иногда есть задача - скопировать html и css код с определенного элемента сайта, вроде бы просто, но css этого элемента может быть размазан по всему файлу css а также у элемента могут быть дочерние элементы их тоже нужно выискивать в файле.


В этом случае нам поможет плагин для Chrome CSS Used

Работа с плагином проста, устанавливаем плагин по ссылке, в правой части там же где инспектор css - в меню появился еще один пункт CSS Used.

Выделяем нужный Html блок и плагин вытянет все стили этого элемента и в том числе дочерние.