css常用选择器

<style>
        div {
            background: red;
        }

        /*选择父元素为 <div> 元素的所有 <span> 元素。*/
        div > span {
            background: blue;
        }

        /*选择紧接在 <div> 元素之后的所有 <span> 元素。*/
        div + span {
            background: yellow;
        }

        /*选择每个启用的 <input> 元素。*/
        input:enabled {

        }

        /*选择所有已被访问的链接。*/
        a:visited {

        }

        /*选择鼠标指针位于其上的链接。*/
        a:hover {

        }

        /*选择每个 <p> 元素的首字母。*/
        p:first-letter {

        }

        /*选择前面有 <p> 元素的每个 <ul> 元素。*/
        p ~ ul {

        }

        /*选择每个被选中的 <input> 元素。*/
        input:checked {

        }

        /*  :not(selector)  选择非 <p> 元素的每个元素。*/
        :not(p) {

        }
    </style>