使用jQuery切換樣式，但不要全部改變

Question

情況：我有兩個樣式表，一個有顏色信息（取決於子文件夾切換），另一個有其他所有內容。

我需要交換主CSS以調整按鈕大小。

JS：

<script type="text/javascript" language="javascript" src="cookie.js"></script> 
<script> 
    if($.cookie("css")) { 
    $("link").attr("href",$.cookie("css")); 
    } 
    $(document).ready(function() { 
    $("#nav li a").click(function() { 
    $("link").attr("href",$(this).attr('rel')); 
    $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'}); 
    return false; 
    }); 
}); 

HTML：

  <ul id="nav" style="float:right"> 
      <li><a href="#" rel="style1024.css">one</a></li> 
      <li><a href="#" rel="style.css">two</a></li> 
      </ul> 

它的偉大工程，唯一的問題是，切換似乎顏色款式也切換到點擊的。 這可以用id標籤解決嗎？

我有這樣的：

<link rel='stylesheet' id='main-css' href='style.css' type='text/css' media='all' /> 
<link rel='stylesheet' id='color-css' href='teal.css' type='text/css' media='all' /> 

但是我怎麼讓JS改變只有「主CSS版本」？

Answer 1

您可以選擇的ID，就像在CSS：

$("#main-css").attr("href",$.cookie("css"));