Reputation: 21
How to find where css files are called from
I am new to css and js. I am really struggling to locate where each individual css file is called from. I have created a combined.css file where i have copied and pasted the code of each css file that loads when my site is loaded, there are 12 files in total. I have added this combined.css into my head section so it loads first. Now the problem is all the other css files are still being loaded. I spending hours looking for are tring different solution, nothing has worked. How do i locate where each individual css file is called from so i can comment this out. If you can give me a step by step guide i would really appreciate that.
Upvotes: 2
Views: 4302
Answers (1)
Reputation: 14096
You can use Chrome (or something similar like Firebug in Firefox).
just hit F12 on your page to get the Developers Tool > Resources > Frames > [choose your folder] > Stylesheets and then you'll get all the CSS that are loaded. On newer versions of Chrome, Resources is replaced by Application.
just hover one of them to see its location
Upvotes: 3
Related Questions
- How to determine which stylesheet rules are applied
- CSS is defined in more than one place, can't find where
- How can i find the exact location of a CSS code
- How to discover the file that contains a CSS definition
- How to locate which css include is used for an element
- how do I find in which file the css is written?
- How can quickly tell what parts of a CSS file are being used on a page?
- Finding applied CSS
- how do i get css source file path from firebug?
- How can I learn the CSS file path from which an html element is using its styles?