21

In Google Chrome Dev Tools you can right click an element in the page HTML and click to Copy Element which copies the elements HTML to your clipboard.

enter image description here

Is there a way to copy all CSS rules associated with that elements HTML?

TylerH
  • 20,799
  • 66
  • 75
  • 101
JasonDavis
  • 48,204
  • 100
  • 318
  • 537

2 Answers2

27

Add the Chrome extension "CSS Used" to your browser. After the installation you get an additional tab "CSS used" at the right side of the screen. The extension is also available via github.

You might also try SnappySnippet as an alternative.

Word Rearranger
  • 1,306
  • 1
  • 16
  • 25
Gerard
  • 15,418
  • 5
  • 30
  • 52
  • 6
    The name and a brief description of the resource would be helpful. As of now, if the URL changes, your answer becomes worthless. With some basic info / keywords, it would at least be searchable. – Michael Benjamin May 28 '17 at 10:40
3

The Styles and Computed tabs in DOM Explorer show the CSS rules that apply to a selected element. Choose Inspect element and then open the Computed tab and there you will the list of all the CSS applied to particular element.

You can also check this link for Export CSS for DOM elements

For more information for your question for multiple browsers check this LINK. It might help you.

Nimish
  • 1,006
  • 1
  • 7
  • 19