CSS 伪类选择器

Posted 2020-08-07 冬_雪_飘

CSS伪类选择器：给超链接加的样式(链接的不同状态加样式)

一个超链接，有四个状态：

　　 正常状态(:link)：鼠标没放上之前链接的样式。

　　 放上状态(:hover)：鼠标放到链接上时的样式。

　　 激活状态(:active)：按住鼠标左键不松开的样式，这个状态特殊短暂。

　　 访问过的状态(:visited)：按下鼠标左键，并弹起，这时的样式效果。

在平常工作中，会使用以下写法，来给链接加不同的样式：

　　a:link, a:visited{ color:#444; text-decoration:none; }  //将“正常状态”和“访问过的状态”合二为一。

　　a:hover{ color:#990000; text-decoration:underline; }  //“鼠标放上”单做一种效果