伪类选择器的使用

迄今为止，我们学到的选择器都是基于文档树中的元素。但有时候，我们需要格式化一些没有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}

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

转载于:https://www.cnblogs.com/hzrdbk/p/6886088.html