4.1 超链接伪类

在支持 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伪类允许您为不同的语言定义特殊的规则

指定lang属性
span:lang(no) {
     color: red;
 }
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！