title: Target @import in jQuery with no ID and no other attributes
body: <p>I have this jQuery code:</p>
  
  <pre><code>$(document).ready(function() {
  
      function adjustStyle(width) {
          width = parseInt(width);
          if (width &lt; 701) {
              $(('style[type="text/css"]).attr([href=*400*]')).text('@import url("css/styles_400.css");');
          } else if ((width &gt;= 701) &amp;&amp; (width &lt; 900)) {
              $(('style[type="text/css"].attr([href=*400*]')).text('@import url("css/styles_800.css");');
          } else {
             $(('style[type="text/css"].attr([href=*400*]')).text('@import url("css/styles_normal.css");');
          }
      }
  
      $(function() {
          adjustStyle($(this).width());
          $(window).resize(function() {
              adjustStyle($(this).width());
          });
      });
  });
  </code></pre>
  
  <p>It's a styleswitcher. <a href="http://css-tricks.com/resolution-specific-stylesheets/" rel="nofollow">I get this code from here</a>, but I have modificated a little because the webportal I'm making will merge all css in the server, so, I must @import the stylesheet to target only one css and change it properly.</p>
  
  <p>I can't give a title or an ID to the imported css (it's dynamic), and I tried the above code because the only code I have is:</p>
  
  <pre><code>  &lt;style type="text/css"&gt;@import url('css/styles_400.css');&lt;/style&gt;
  </code></pre>
  
  <p>As you see, the only clue I have is the URL.</p>
  
  <p><strong>How can I target this css?</strong> I have very little skills in jQuery, and I'm pretty sure that I'm doing something wrong with my code... but can't find the appropiate method to target it.</p>
  
  <p><strong>Why I'm using this old styleswitcher instead of mediaqueries?</strong> Because I need it for IE7 <em>(client requirements - I'm sure they hunting mammoths on saturdays)</em>, and they don't like both respond.js and css3-mediaqueries because are causing weird errors in Plone.</p>