• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 前端開發(fā) >> css >> 靜態(tài)網(wǎng)站制作css給鏈接a標簽加class類沒效果？

靜態(tài)網(wǎng)站制作css給鏈接a標簽加class類沒效果？

• 作者：創(chuàng)新互聯(lián) 文章來源：網(wǎng)站制作 點擊數(shù)： 更新時間：2015-02-10
• 靜態(tài)網(wǎng)站制作中給a鏈接標簽加class類是常見的，但對于初學(xué)者來說，以前從來沒有添加過可能會遇到給 a標簽加了class類沒有效果，問題出在那呢？下面我們舉例看代碼說明。
  

  <style type="text/css">
  a:link {color: #FF0000}		/*是超級鏈接的初始狀態(tài)*/
  a:visited {color: #00FF00}	/*是把鼠標放上去時懸停的狀況*/ 
  a:hover {color: #FF00FF}	/*是鼠標點擊時*/
  a:active {color: #0000FF}	/*是訪問過后的情況*/
  </style>
  
  <p>
  <b><a href="http://lslks.net/">網(wǎng)站制作</a></b> 
  <b><a href="http://lslks.net/cloud/" class="click_color">云服務(wù)器</a></b> 
  </p>
  

  注釋：在 CSS 定義中，a:hover 必須位于 a:link 和 a:visited 之后，這樣才能生效！

  注釋：在 CSS 定義中，a:active 必須位于 a:hover 之后，這樣才能生效！

  
  
  上面是我們要掌握的a標簽鏈接的四種狀態(tài)基寫法。
  問題是我們今天說的是靜態(tài)網(wǎng)站制作中在網(wǎng)站制作這個頁面，我點了云服務(wù)器，新窗口中打開了頁面，但想云服務(wù)器是當(dāng)前所在頁，這個字體要變成我鼠標點擊時的#FF00FF已區(qū)分表示是當(dāng)前頁。這要怎么給a標簽寫class類呢？
  當(dāng)然你直接在class="click_color" 替換寫成 style="color:#FF00FF" 是可以實現(xiàn)的，這我們講的寫css類class去改變。
  沒基碼容易錯誤的寫法是：
  

  <style type="text/css">
  .cuowu_color{color:#000000}
  </style>
  <a href="http://lslks.net/idc/zuyong.html" class="cuowu_color">服務(wù)器租用</a>
  
  

  以上css給鏈接a標簽加cuowu_color類是沒有效果的。
  
  正確的寫法是：

  <style type="text/css">
  a.click_color:link,a.click_color:visited,a.click_color:hover{color:#FF00FF}
  a.click_color:active{color:#0000FF}
  </style>
  <a href="http://lslks.net/cloud/" target="_blank" class="click_color">云服務(wù)器</a>
  
  

• 商品最近瀏覽過功能實現(xiàn)代碼 :上一篇
  新手寫css常犯的8個錯誤 :下一篇