Gabriel F. answered • 10/11/19
Tutor
5.0
(85)
UI Engineer
Hi there. I am not sure what you mean by "disregard" original CSS. Do you mean all CSS or some rulesets? If you don't want any of the CSS, just don't link the stylesheet(s) on your HTML index page. If you want to load the CSS but override some rulesets there are different approaches you can take:
- Load the overriding CSS ruleset after you load the original one. In this case the ruleset has to have at least the same specificity as the original one.
- Load the overriding CSS in any order you prefer as long as the properties have higher specificity than the original.
To load css via Javascript (not sure why you would need it though), you could do something like this within <script></script> in the <head> of your document:
createCSSLink('/styles.css');
function createCSSLink(filename){
var head = document.getElementsByTagName('head')[0];
var cssLink = document.createElement('link');
cssLink.href = filename;
cssLink.type = 'text/css';
cssLink.rel = 'stylesheet';
head.append(cssLink);
}
