Как скопировать html код одного блока сайта и все стили его дочерних элементов?

Question

[Paul_Morte]

Добрый день.
Подскажите пожалуйста действенный способ. Мне понравился 1 блок на американском сайте, я хочу его скопировать без долгой и рутинной работы.

В идеале все должно выглядеть так:
1 Открываем фаербаг
2 Копируем html целого блока
3 Копируем все стили всех вложенных элементов. НЕ только выбранного элемента, а еще всех что внутри.
4 Вставляем внутри своего проекта и все работает :)

Скопировать весь css - не подойдет! Нужны стили определенных элементов.
Изображения, шрифты и т.д. ненужно, только конструкцию) Спасибо.

Comments

[Дмитрий Крымцев]

ну так вы сами знаете вариант, чем помочь то? единственно, возможно JS еще понадобится, если есть активные элементы

[Ярослав Иванов]

Сам спросил сам ответил

[Paul_Morte]

Дмитрий, в хроме в стандартном и в скаченном фаербаге не удается получить "портянку" всех стилей по убывающей градации. Руками очень затруднительно тыкать на внутренний элемент и копировать стиль, потом также по кругу) Если я ошибаюсь, поправьте.

[Paul_Morte]

Ярослав Иванов: Вы второй человек. Неужели у меня бревно в глазу, как это сделать?

[Ярослав Иванов]

Paul_Morte: Ну так а что сложного ? качаете файл css с сайта, подключаете его, потом копируете html блок. Делов-то.

[Paul_Morte]

Ярослав Иванов: Это может сделать даже младенец. Мне нужна чистая ветвь кода для конкретных элементов. Без мусора.

[Ярослав Иванов]

Paul_Morte: Ну так и сделайте. В чем вопрос тогда ? Что за ветвь ? что за "конкретных файлов" ? Вы задаете простейший вопрос и вам дают простейший ответ, на который вы даете свой ответ: "Да ты че, я и сам знаю". Wtf ?

[Ярослав Иванов]

Paul_Morte: А, понял. Надо блок скопировать без лишних стилей. Не изобрели ученые такого инструмента. Все ручками делайте.

[Paul_Morte]

Не может быть) Должно быть решение, простое и лаконичное)
Наверняка есть чистильщики кода. Например взять целый css и потом убрать из него неиспользуемые стили. Я уже много искал, но ничего конкретного нет :(

Answer 1

[Сергей delphinpro]

Копипастишь кусок html и весь css сюда https://uncss-online.com/
Жмакаешь кнопу
Профит!!!!!!

Comments

[Paul_Morte]

Великолепно! Именно то что нужно!

[Oleg]

Всё так, спасибо. Но не подскажете ли, как быть с таким блоком как "поломки, которые устраним", где есть transform rotate? https://web.archive.org/web/20160724191827/http://...

Answer 2

[Серега]

Расширение для Google. CSS Used

Answer 3

[Артемий Олегов]

Для того чтобы скопировать HTML-код вам достаточно скопировать ссылку на сайт и использовать любой специализированный сервис. Например, вот этот онлайн-пасер кода вполне вам подойдет. Просто вставьте ссылку в поле и запустите копирование. После чего вы делите и сохраните код.

Answer 4

[reservist62]

1. Расширение CSS Used
2. Расширение SnappySnippet