在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态

· 选择器

· a:visited：已被访问状态 a:link：未访问状态 a:hover：鼠标悬停状态 a:active：用户激活

· 语法

· a:link { color: green; } /*link:未访问的链接*/a:visited { color: blue; } /*visited：已访问的链接*/a:hover { color: red; } /*hover:当鼠标移动到链接上，则改变成红色*/a:active { color: yellow; } /*active:当你鼠标选定该元素，则改变成黄色*/

4.2 表单:focus

:focus表单获得焦点时触发样式

input:focus { background-color: yellow; }

4.3 first-child

:first-child 伪类来选择元素的第一个子元素

p:first-child {font-weight: bold;}

4.4 lang

:lang 伪类允许您为不同的语言定义特殊的规则

<p><span>指定lang属性</span></p><style>span:lang(no) { color: red; }</style>