Why do all browsers download all CSS files - even for media types they don't support?

Question

If I specify a CSS link with an unsupported media type (\"bork\") it still gets downloaded by every browser I\'ve tried (including both desktop and several mobi

Answer 1

So if you really do not want to download the CSS file until something happens, the you can try to validate when the page loads if certain conditions are meet and if so, then you can do a "lazy load" and store the commented code (type 8 element, that would be in this case your style tag) inside a newly created style tag child, and that will make the browser to validate the newly created content and will download the CSS file for the style to work.

Any question you may face trying to implement it, do not hesitate in asking some clarification, maybe i can help you with your problem. It works for almost anything (images, js, css, etc..) you do not want to be downloaded or processed until something occurs or some restrictions are meet.

I already tested it and IT WORKS :D, so you can use this code to start, hope it helps