選取器
簡單選取器是一種 HTML 元素類型,可獨自存在或是在後方緊接單一識別碼、一或多種類別及虛擬類別的任何組合 (以任意順序排列)。雖然通用選取器 (*) 適用於網頁中的每種元素,但也被視為簡單選取器。當選取器在網頁中比對元素時,與選取器相關聯的樣式規則會套用至相符的元素。
簡單選取器可透過指出多個選取器間關係的字元加以鏈結。這種字元指定簡單選取器間的內容關係,例如下階、子項及相鄰同層級關係。下列樣式規則會在當頂端層級標題在文件樹狀目錄中緊密相鄰時,減少這些標題間的空白。
h1 + h2 {margin-top: -5mm;}
若要縮減樣式表的大小,可利用逗號分隔清單對多個選取器進行分組。逗號字元是用來將一個宣告區塊套用至多個元素類型的一種速記機制。
h1, h2, h3 {font-family: helvetica;}
注意事項: |
---|
請記住,在將選取器分組時,逗號會從頭開始採用一個全新的選取器。 |