CSS選擇器可以幫助我們選擇HTML中的元素并對其進行樣式設(shè)置。下面是CSS中常用的選擇器,包括:
/* 選擇器1 - 元素選擇器 */ p { color: red; }
元素選擇器是最基本的選擇器之一,通過該選擇器可以選取HTML中所有指定元素。
/* 選擇器2 - ID選擇器 */ #title { font-size: 24px; }
ID選擇器可以根據(jù)元素的id屬性來選取元素,id屬性是唯一的,每個元素只能有一個id屬性。
/* 選擇器3 - 類選擇器 */ .item { border: 1px solid #ccc; }
類選擇器可以根據(jù)元素的class屬性來選取元素,同一個class屬性可以用于多個元素。
/* 選擇器4 - 屬性選擇器 */ input[type="submit"] { background-color: blue; }
屬性選擇器可以根據(jù)元素的屬性來選取元素,可以根據(jù)屬性的值、存在性、包含性進行選擇。
/* 選擇器5 - 后代選擇器 */ div p { font-style: italic; }
后代選擇器可以選擇指定的父元素下的所有子元素,它通過在父元素和子元素之間添加空格來實現(xiàn)。
/* 選擇器6 - 子選擇器 */ ul >li { padding-left: 20px; }
子選擇器可以選取指定父元素下的直接子元素,它通過用>符號來實現(xiàn)。
/* 選擇器7 - 通配符選擇器 */ * { margin: 0; padding: 0; }
通配符選擇器可以選擇所有的元素,它可以用來設(shè)置全局樣式。