CSS的伪类是指可以在选择器中使用的一种特殊关键字,它可以帮助我们选中指定状态下的元素。下面介绍常用的几种伪类:
:pseudo-class { property: value; }
:hover
当鼠标悬停于元素上时,使用: hover伪类。
a:hover { color: red; }
:active
当元素被点击或通过键盘激活时,使用:active伪类。
button:active { background-color: green; }
:visited
用于选中已被访问过的链接。
a:visited { color: grey; }
:focus
用于选中获得键盘焦点的元素,例如文本框和按钮。
input:focus { outline: none; border: 2px solid blue; }
:first-child
用于选中父元素的第一个子元素。
ul li:first-child { font-weight: bold; }
:nth-child(n)
用于选中父元素的第n个子元素。
ul li:nth-child(4) { color: red; }
除以上介绍的伪类,CSS还有众多伪类,可以根据需求学习使用。