和一般的CSS語法不同,CSS偽類的語法有兩種。
第一種:
selector:pseudo-class {property: value}
也可以用HTML的class屬性來設定偽類。
例句:
a:link {color:red}
第二種:
selector.class:pseudo-class {property: value}
偽類是最常用的偽類。
例句:
a.c1:link {color:red}
錨(a)偽類
錨(a)偽類是最常用的偽類。例句如下:
a:link {color: #FF0000} /* 未被訪問的鏈接 紅色 */
a:visited {color: #00FF00} /* 已被訪問過的鏈接 綠色 */
a:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接 橙色 */
a:active {color: #0000FF} /* 鼠標點中激活鏈接 藍色 */
也可以用HTML的class屬性來設定偽類。例句如下:
a.c1:link {color: #FF0000} /* 未被訪問的鏈接 紅色 */
a.c1:visited {color: #00FF00} /* 已被訪問過的鏈接 綠色 */
a.c1:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接 橙色 */
a.c1:active {color: #0000FF} /* 鼠標點中激活鏈接 藍色 */
例句:actived的順序書寫。
注:由于CSS優先級的關系(后面比前面的優先級高),在寫a的CSS時,一定要按照a:link, a:visited, a:hover, a:actived的順序書寫。
40個可愛粉色兒童房設計裝修設計2018-04-22
100款國外食品包裝設計集包裝設計2017-07-17
40幅日本海報設計作品海報設計2017-07-04
46款茶品牌和包裝設計欣賞包裝設計2017-04-14
20款現代簡約風格名片設計名片設計2016-04-18
59款日本優秀logo設計欣賞標志設計2016-03-29
10個CSS簡寫/優化技巧CSS教程2013-06-04
css的margin縮寫方式CSS教程2012-05-23
CSS網頁布局時常犯的幾種CSS教程2009-09-28
CSS浮動屬性Float詳解CSS教程2009-09-17
CSS定位屬性Position詳解CSS教程2009-09-17
CSS布局教程:絕對定位和相CSS教程2009-07-15