Используйте Firebug, чтобы получить глубокую копию CSS в элементах

Question

Я использую Firebug для проверки элементов веб-страницы.Справа от страницы находится вкладка «Стиль», в которой перечислены все стили CSS для данного тега.Эти CSS-стили взяты из связанной CSS-страницы.

Что я хочу сделать, так это каким-то образом скопировать набор элементов div с помощью CSS, жестко закодированного в div.Таким образом, я могу копировать и вставлять элементы и иметь точно такой же стиль.Это возможно сделать с Firebug или другим инструментом?

Answer 1

Я использовал IE9 для этого.

1. Откройте страницу, где вы хотите получить стиль в IE9
2. Нажмите F12, чтобы отобразить Панель инструментов разработчика
3. Вна панели инструментов разработчика нажмите «Найти» и выберите «Выбрать элемент нажатием»
4. Затем перейдите в «Вид»> «Источник» и выберите «Источник элемента со стилем»

Answer 2

Я не знаю о Firebug, но вы могли бы создать скрипт для этого.

Перечислите CSS, который вы хотите скопировать (каждое свойство, которое, по вашему мнению, требуется, чтобы сделать его переносимым), а затем выполните цикл в JS и getComputedStyle(). Затем создайте список ; с разделителями *1004* и присвойте его атрибуту style, если ваш элемент и все дочерние элементы.

Это не похоже на простую задачу - и вы, несомненно, столкнетесь с проблемами.

Answer 3

Я не уверен, что именно вы пытаетесь сделать здесь, но пытаетесь ли вы применить один и тот же стиль к нескольким элементам (div)? Если это так, вы должны использовать класс CSS. Таким образом, ваш HTML будет

<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>

и css будет

.myClass
{
height:whatever;
width:whatever;
etc
}