Web前端开发笔记16——复合选择器4伪类选择器

1.伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第一个，第n个元素。

2.伪类选择器使用冒号（:）表示，比如:hover。

3.伪类选择器很多，比如链接伪类、结构伪类等。

4.链接伪类选择器：

a:link {
            color: #2ca12c;
            text-decoration: none;
        }

        a:visited {
            color: coral;
            text-decoration: none;
        }

        a:hover {
            color: cadetblue;
            text-decoration: underline;
        }
        a:active{
            color: red;
            text-decoration: none;
        }

如上操作后，可做到链接的样式自定义。大家可以动手试一试。

注：

• 为了确保生效，请按照LVHA的顺序书写，即link，visited，hover，active的顺序。
• 给链接指定样式的时候，即对a标签指定样式的时候一定要单独定义。

5.focus伪类选择器，用于选取获得焦点的表单元素。