国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

調(diào)整CSS類型的順序改變鏈接翻滾

2024-07-11 08:23:45
字體:
供稿:網(wǎng)友

  通過指定每一鍵接的不同風格以建立CSS翻滾效果,這些鏈接包括普通的鏈接link (normal), 訪問,翻轉(zhuǎn),以及激活。并且,你可能也知道CSS類型的順序可以產(chǎn)生效果上的差別,CSS代碼后順序的風格將會取代針對于相同元素的前順序的風格。建立翻滾效果的類型順序顯得相當重要。

  現(xiàn)在讓我們看看如何安排鏈接狀態(tài)的類型在不產(chǎn)生沖突的情況下支持正常的翻滾效果,并且如何重新安排這些類型順序以獲得不同的翻滾效果。

  鏈接狀態(tài)

  典型的CSS翻滾效果依靠于超鏈接中四個狀態(tài)之一的獨立類型。可以建立附帶CSS預先類的(超鏈接)類型以指定鏈接狀態(tài):

  a:link——常規(guī),非訪問超鏈接

  a:visited——訪問超鏈接

  a:hover——訪問者操作鼠標通過時的鏈接

  a:active——點擊鏈接

  為了能夠使典型的CSS翻滾效果正常工作,CSS代碼中的CSS類型順序顯得非常重要,無論它是一個外部類型表格或者是嵌入在HIML頁標題欄中的類型規(guī)則。

  a:link類型出現(xiàn)的時間為最早,因為它可應用于所有的鏈接。a:visited類型排第二,它將取代任何鏈接的a:link格式。(假如a:link類型緊跟著的是a:visited,a:link可能會取代a:visited類型。)其次是a:hover類型,此類型只應用于訪問鼠標下的鏈接。最后是a:active,所以,當鏈接被點擊時,它可以取代所有其它的類型。

  a:link {
  color: #0000FF;
  text-decoration: underline;
  font-weight: normal;
  font-style: normal;
  }
  a:visited {
  color: #3399FF;
  text-decoration: underline;
  background-color: #FFFFFF;
  font-weight: normal;
  font-style: italic;
  }
  a:hover {
  color: #0000FF;
  text-decoration: underline;
  background-color: #FFFF00;
  font-weight: bold;
  font-style: normal;
  }
  a:active {
  color: #FF0000;
  text-decoration: none;
  background-color: #CCCCCC;
  font-weight: bold;
  font-style: normal;
  }

  在CSS代碼中的類型順序確定了每一種類型如何取代其它的類型,即更多的類型可以應用到特定的元素。正常情況下,a:hover類型處于a:link和a:visited類型之后,所以hover狀態(tài)的類型可以應用于常規(guī)和訪問的鏈接。但是,它也并非必須遵循這一方式,你可以改變類型順序?qū)崿F(xiàn)不同的效果。

  假設你想在非訪問鏈接中使用翻滾效果,但不想影響到其它訪問鏈接,你或許想到通過代碼來處理這種外形上改變,然而你所要做的是重新組織CSS代碼。

  從訪問鏈接中移除翻滾效果,可以通過很簡單地移除a:visited類型。

  注重,a:visited類型中包含指定所有與a:hover相同屬性的規(guī)則,否則,當訪問者的鼠標通過一個訪問鏈接時,沒有被a:visited類型取代的任何a:hover類型屬性將會繼續(xù)再現(xiàn)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 太湖县| 尼勒克县| 买车| 霍林郭勒市| 江川县| 林州市| 平定县| 广灵县| 思南县| 宁城县| 华亭县| 南雄市| 顺昌县| 宁南县| 沛县| 东城区| 吴桥县| 阳新县| 台湾省| 太康县| 吉木萨尔县| 北辰区| 北京市| 会同县| 广州市| 翁牛特旗| 旌德县| 历史| 宝丰县| 黎城县| 广水市| 太原市| 赤城县| 东安县| 焦作市| 黑山县| 河间市| 祁东县| 福贡县| 泾阳县| 句容市|