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>
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容