Home/ Questions/Q 8557055
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T15:29:18+00:00

$(document).ready(function () { if ((screen.width >= 1024) && (screen.height >= 768)) { alert(‘Screen size:

  • 0
$(document).ready(function () {
    if ((screen.width >= 1024) && (screen.height >= 768)) {
        alert('Screen size: 1024x768 or larger');
        $("link[rel=stylesheet]:not(:first)").attr({
            href: "style2.css"
        });
    } else {
        alert('Screen size: less than 1024x768, 800x600 maybe?');
        $("link[rel=stylesheet]:not(:first)").attr({
            href: "style1.css"
        });
    }
});

I’m not getting this part: $("link[rel=stylesheet]:not(:first)").attr

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It selects all link tags, that have an attribute named rel, whose value is stylesheet, and that is not the first one of the tags. For example, if you had:

    <link rel="icon" />
<link rel="stylesheet" href="style2.css" />
<link rel="stylesheet" href="style3.css" />
<link rel="stylesheet" href="style4.css" />

    The selector would pick the last two link tags. Why? Because it excludes the first one, since the value of the rel attribute is not stylesheet, but icon; and excludes the second one, because it’s the first of all the links that have the attribute rel="stylesheet", and not(:first) filters this one out.

    • 0