伪类选择器的使用

迄今为止,我们学到的选择器都是基于文档树中的元素。但有时候,我们需要格式化一些没有css选择器可用的东西,例如超链接的状态(活动状态或已被访问过的状态。)

伪类选择器允许我们格式化不在文档树种一些条目。不同浏览器对伪类选择器的支持有所不同,我们主要使用所有浏览器都支持的、与超级链接<a>元素相关的超级链接伪类选择器。

使用伪类选择器,我们可以以不同方式格式化超级链接<a>元素相关的四种不同状态:

a:link  是用于在未访问的链接的选择器

a:visited  是用于已访问过的链接的选择器

a:hover  是用于鼠标光标放在其上的链接的选择器

a:active  是用于获得焦点(比如,被点击)的链接上的选择器

例:

  <a href="#">百度一下</a>

  

  a:link{color:blue}

  a:visited{color:grey}

  a:hover{color:red}

  a:active{font-size:40px}

(以上代码的意思是:页面上的超链接"百度一下",刚开始为蓝色,鼠标悬停在超链接上时为红色,点击后为灰色,点击后字体变大。)

posted @ 2017-05-21 21:18  黄兆瑞  阅读(373)  评论(0编辑  收藏  举报