打擾了
我有一個問題不知道該如何解決
想來請教高手

我做了1個網頁，同時使用了主選單和子選單
這個網頁只有1個css樣式表
但我不知道怎麼設定的
主選單在按下去之後，a:visited會去抓子選單的css
怎麼都調整不好(其實我也不知道該怎麼調整)

我想請問若要像這樣在1個頁面內使用2次同樣的標籤(a:visited)時
該怎麼使用id，確保2個地方的標籤不會互相干擾？

以下是詳細的css(部份)
麻煩大家了
謝謝

/*子選單的css*/
#right a:link, a:visited, a:active{
        color: #FFF;
        padding-top: 15px;
        padding-left: 15px;
        text-align: right;
        font-size: 12pt;
        display: block;
}

#right a:hover {
        color: #F60;
}

.img_left {float: left;
            margin-right: 4px;}

.rightcontainer {
        111width: 246px;
        background-image: url(images/right_bg.jpg);
        height: 500px;
        padding-top: 60px;
        background-repeat: no-repeat;
}
.rightcontainer ul
{
        list-style-type: none;
}





 /*主選單的css*/

#navcontainer ul{

}
#container #linkbar #navcontainer #navlist li {
        float:left;
        list-style-type: none;
        width: 140px;
        display: block;

}
#container #linkbar #navcontainer #navlist a:link, a:active, a:visited {
        height:40px;
        line-height:40px;
        color:#FFFFFF;
        text-decoration:none;
        font-family:arial, verdana, sans-serif;
        font-size:14pt;

}



【HTML部份】

  <div id="linkbar">
  <div id="navcontainer">
  <ul id="navlist" class="navigation">
  <li id="active"><a href="#" id="current"><em class="about_us"></em>壹</a></li>
  <li><a href="#"><em class="pro_rsh"></em><strong>貳</strong></a></li>
  <li><a href="#"><em class="procedure"></em><strong>參</strong></a></li>
  <li><a href="#"><em class="service"></em><strong>四</strong></a></li>
  </ul>
  </div>
  </div>

  <div id="left">
    <div id="sub_left">
      <h3>&nbsp;</h3>
    </div>

    <div id="sub_right">
      <h3>&nbsp;</h3>
    </div>

    <div id="sub_content">
      <h3>&nbsp;</h3>
    </div>

    <div id="footer">
      <p>&nbsp;</p>
    </div>

  </div>

  <div id="right">
    <div class="navcontainer">
      <ul class="navlist">
        <li><a href="#">一二三四</a></li>
        <li><a href="#">五六七八</a></li>
      </ul>
    </div>
  </div>

--


   While everyone prefers to sit next to u
        i chose the one on your back
        cause i don't want to bother
 but feel comfortable quiently being with u

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.57.155.24
推 magazine2006:網址貼出來看比較快
推 EROS4:你還要給大家看你的html會比較清楚 應該是selector沒抓準
→ ghostfg123:還沒有網址…還在製作階段的說
→ ghostfg123:謝謝E大，我馬上貼HTML
※ 編輯: ghostfg123      來自: 61.57.155.24         (03/18 20:52)
推 kerash:改#xxxx a:link ,#xxxx a:hover ...
→ kerash:如果用 #xxxx a:link , a:hover 會變成#xxxx 的連結跟
→ kerash:一般連結都用該個css
※ 編輯: ghostfg123      來自: 61.57.155.24         (03/18 20:53)
→ ghostfg123:是喔？!我馬上來試試!!
→ ghostfg123:我試了一下，有些改善，但還是很奇怪耶
→ kerash:貼一下修正後的程式碼吧~
→ ghostfg123:現在是a:link、a:visited、a:hover、a:active全部都一
→ ghostfg123:模一樣，但按下去文字卻會向右移動一些
→ ghostfg123:(但似乎已經沒有去抓別人的a:visited了)
→ ghostfg123:而且這個文字會向右移動一些的怪現象只在IE發生
→ ghostfg123:CHROME不會…
→ kerash:hover 也加 padding
推 EROS4:#navlist a:link, a:active{} 這種寫法的意思是抓#navlist的
→ EROS4:a:link 跟 整個網頁所有的a:active（包含#right的）
推 EROS4:#right a:link之前另外加一個a如：#right a, #right a:link
→ EROS4:這樣寫可以解決你的跳動問題，你的跳動問題很明顯就是因為你
→ EROS4:把hover跟其他類型整個當不同的東西在設定了
→ EROS4:另外建議妳可能要了解一下什麼時候用id什麼時候用class