淘先锋技术网

首页 1 2 3 4 5 6 7

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还有众多伪类,可以根据需求学习使用。