伪类

    /*text-decoration 下划线样式*/
    /*a:link {key: value;} 设置a标签的默认样式*/

    /*a标签样式设置不推荐这种写法（可能存在兼容性问题）*/
        a:link {
            color: red;
            text-decoration: none;
        }

    /*访问后的样式*/
    /*该伪类只能设置颜色相关的属性，其余属性不生效*/
    /*浏览器会自动对该伪类缓存*/
        a:visited {
            color: pink;
        }

    /*鼠标悬停在该标签上的属性*/
    /* 该伪类可以单独使用*/
        a:hover {
            font-size: 50px;
            color: orange;
            text-decoration: underline;
        }

    /*标签激活状态属性（长按该标签）*/
        a:active {
            color: yellow;
        }

        /*如果以上伪类都需要设置，需要按照顺序设置 L V H A */

        /*目标伪类 配合锚链接使用，可以给选中的标题设置样式*/
        #h5:target {
            color: red;
        }

        /*空伪类 选中无内容的div标签*/
        div:empty {
            width: 300px;
            height: 300px;
            background-color: orange;
        }

        /*排除伪类 不能排除多个*/
        div:not(.one) {
            width: 300px;
            height: 400px;
            background-color: yellow;
        }

        /*焦点伪类 进入焦点状态时的样式 多配合input标签使用*/
        input:focus {
            background-color: red;
        }