2

I am trying to reuse the parts I already created for a website.

So I open Firebug and inspect the top block container and cycle all inner elements and copy the CSS for each part and put them together, but that´s obviously a long process.

Is there a way to select an element within Firebug or the Chrome Developers Tools to copy all the CSS and HTML from the container to the last inner block?

Sebastian Zartner
  • 18,808
  • 10
  • 90
  • 132
J.Tural
  • 887
  • 12
  • 31
  • You couild try IE Debugger; press f12 to bring it up, then click on the dom explorer. When you click on a component on your page, it shows you all inherited and classes being applied. – Bindrid Dec 25 '15 at 04:03
  • it show for 1 div only I need for this div plus all sub content . – J.Tural Dec 25 '15 at 04:10
  • 2
    http://stackoverflow.com/questions/4911338/tools-to-selectively-copy-htmlcssjs-from-existing-sites this might help a bit. Though it is dated. Have not looked at it closely – Bindrid Dec 25 '15 at 04:25
  • I take a look at the post its really big some tools may help but I need to test them first to see how clean the code I will get ... – J.Tural Dec 25 '15 at 04:45
  • @Bindrid I check the post and test the tools ... not what I am looking for at all ... they are to copy full website ... the closet one is SnappySnippet one guy mentioned here as well but it will not work with me at alll ... because it delete the classes I try to reuse my code not patch it with ID ID ID .. – J.Tural Dec 25 '15 at 05:05

1 Answers1

2

on tool I use SnappySnippet its chrome extension first select the block get the code

  • thanks ... I see this tool in the post mentioned by Bindrid I am not chrome fan .. I prefer firefox ... but any how I need to test the tool first – J.Tural Dec 25 '15 at 04:46
  • no man not at all .... it conver the classes names to ID's
    this is one my my sites I copy some block all classes is gone and now its ID's its really useless even I can not use the CSS
    – J.Tural Dec 25 '15 at 04:53
  • I make my self clear I need to reuse my work and I am copying the PHP / html ... what I will do with #div1 CSS !? – J.Tural Dec 25 '15 at 04:54