[Question] Is there a developer tool to grab all code pertaining to a specified element?

When in the developer tools in a browser, you can see the css rules that affect that element and additionally see which ones are not active because of hierarchy. Is there a way to extract just the active html, css, and js code for a specific element? Essentially allowing you to isolate the code used to create something so you can study/reuse it? I think a tool like this will really help me learn how to create a large variety of elements. The end result should basically be everything you need to plug into a codepen

Epic visual tool

Epson 5030UB 2D/3D 1080p 3LCD Projector Submitted September 25, 2015 at 03:08PM by brttwrd http://ift.tt/1FluzIx