当先锋百科网

首页 1 2 3 4 5 6 7

在CSS中,有四个常用的伪类,它们是:


:first-child
:last-child
:hover
:focus

css的四个伪类

首先,:first-child伪类是用来选取父元素下的第一个子元素的。例如:


ul li:first-child {
    color: red;
}

上面的代码会把一个无序列表的第一个列表项的文本颜色设为红色。

:last-child伪类则是用来选取父元素下的最后一个子元素的:


ul li:last-child {
    color: blue;
}

这个代码会把一个无序列表的最后一个列表项的文本颜色设为蓝色。

:hover伪类则当用户鼠标停留在一个元素上的时候就会生效。例如:


a:hover {
    text-decoration: underline;
}

这个代码会在一个链接上添加下划线,但是用户只能在鼠标移动到链接上时显示下划线。

最后一个常用的伪类是:focus,当用户选择一个元素(通过使用 Tab 键或其他方式)的时候就会生效。例如:


input:focus {
    background-color: yellow;
}

这个代码会将所有文本输入框的背景色设为黄色,但是只有当用户选择一个输入框时,它才会变成黄色。