External Css In Body Of Html File

I have a question that bothers me on some projects I'm currently working on. This question is not a duplicate of What's the difference if I put css file inside or <

Solution 1:

You could write a short script that uses document.getElementsByTagName for either style and link and the resultant array of values can then be checked to see if all the loadede css files are proper.

To override existing definitions, just use !important in the css file, and that will be the most dominant style (for that type).

If you want to load it in the middle of the page, you can use a javascript function that does the same as the first paragraph here, except it deletes the object that appears in the body, and appends it to the head object. I do that if I use ajax to update a page.