How can I easily copy the whole CSS file from a website?

StackOverflow https://stackoverflow.com/questions/20438102

  •  30-08-2022
  •  | 
  •  

Question

How can I easily copy the whole CSS file a website uses to stylize HTML with Google Chrome, Firefox, Safari, and Opera?

With the web inspector, I can see the css styles applied to an element, but I can't see the big picture of styles applied to the whole HTML document.

Can you show me how can I do this?

Was it helpful?

Solution

For chrome you can use Quick Source Viewer to see all CSS, whether in the body or the head, whether in the served HTML or injected at runtime.

It is better than the dev tools as you don't have to go looking for the style tags, and saving them is just a right click on the link.

OTHER TIPS

The answer given by Bobby Russell is not correct in this case. Just follow the steps: Open the Firefox and type google.com in the url Now Inspect the googlepage with the help of firebug. You can see in the attached image how to select the css file enter image description here

enter image description here

  1. Right click the page and view the source.
  2. Ctrl+F link rel="stylesheet" type="text/css" href="
  3. Follow the link
  4. See the CSS

Not too hard...right?

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top