How to pick CSS file with javascript if

Question

Would it be possible for me to do something like

<link href="nav.css" type="text/css" rel="stylesheet" />

in this?

<script>
    if (screen.width <= 800) {
        Link to css here!
    }
</script>

Possible duplicate of How to load up CSS files using Javascript? — U-DON
– U-DON, Commented Jun 1, 2016 at 23:14
Why not use CSS media queries? This takes the JavaScript completely out of it — KevBot
– KevBot, Commented Jun 1, 2016 at 23:15
if (something){var link = document.createElement("link");link.setAttribute("href", "nav.css");link.setAttribute("type", "text/css");link.setAttribute("rel", "stylesheet");document.getElementsByTagName("head")[0].appendChild(link);} — chiliNUT
– chiliNUT, Commented Jun 1, 2016 at 23:18

rhys_gbs · Accepted Answer · 2016-06-01 23:26:23Z

3

Just use a css media query like so

You can read about media queries here

@media(max-width: 800px) {
    /*
     * enter css here
     */
}

answered Jun 1, 2016 at 23:26

rhys_gbs

4092 silver badges7 bronze badges

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

1 Answer 1