正在加载图片...
除了前文中介绍的类选择器之外,CSS中还有伪类选择器。伪类 选择器与类选择器的区别是,类选择器可以自由命名,而伪类选择器 是CSS中已经定义好的选择器,不能够随便命名和定义。 最为常见的伪类选择器,是定义在a元素上的选择器,例如 a:link、a: visited、a: hover、a: active。 案例 示例11-11:超链接的案例 <!doctype html> <meta charset=ut -8> tte>超链接的案例<tte <style type="text/css"> margin: opx u margin: 20px Opx; height: 30px background-color: #F09 text-align: center padding: 10px 5px 2px 5px font-size: 13px float: left. list-style: none a: link, a visited text-decoration none color: #FFF a: hover a active text-decoration none font-size: 16 color: #FF9 #Titlelnfo 15《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn15 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 除了前文中介绍的类选择器之外，CSS 中还有伪类选择器。伪类 选择器与类选择器的区别是，类选择器可以自由命名，而伪类选择器 是 CSS 中已经定义好的选择器，不能够随便命名和定义。 最为常见的伪类选择器，是定义在 a 元素上的选择器，例如： a:link、a:visited、a:hover、a:active。 案例： 示例 11-11：超链接的案例 <!doctype html> <html> <head> <meta charset="utf-8"> <title>超链接的案例</title> <style type="text/css"> * { margin:0px; padding:0px; } ul { margin:20px 0px; height:30px; background-color:#F09; text-align:center; } li { padding:10px 5px 2px 5px; font-size:13px; color:#FFF; float:left; list-style:none; } a:link,a:visited { text-decoration:none; color:#FFF; } a:hover,a:active { text-decoration:none; font-size:16px; color:#FF9; } #TitleInfo { padding-left:50px; }