Using javascript to load css file (by using @import not by link)

Question

I have been trying to import a css file using @import through javascript. I know there are other methods like createELement("link") through js but I need to import the css file instead of linking it, because I'm working on client site and their css is conflicting with mine. I can't set !important for all my css and thought @import css file has much higher preference than linked css file and its working.I just need to know how to import it using js.

Link the css in later than the conflicting css file. A terrible solution would be linking a css file that has that @import. — Jashwant
– Jashwant, Commented Nov 9, 2015 at 10:14
@Jashwant actually that terrible thing worked. linking the file which has the import statement is working. But is it a bad practice? — Chanikya Mohan
– Chanikya Mohan, Commented Nov 9, 2015 at 10:36
linking the higher preference file at the end of header also worked. Thanks @Jashwant — Chanikya Mohan
– Chanikya Mohan, Commented Nov 9, 2015 at 10:40

Community · Accepted Answer · 2017-05-23 12:29:51Z

1

Javascript does not have @import .You can check this link for more information More about it

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered Nov 9, 2015 at 10:11

brk

50.3k10 gold badges59 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Chanikya Mohan Over a year ago

Okay, so is there any other way to link css so that the main website's css wont get conflicted with mine.

brk Over a year ago

you can take a look at specificity in css

Collectives™ on Stack Overflow

Using javascript to load css file (by using @import not by link)

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related