CSS3選擇器是CSS技術(shù)中的一種基本方法,定義了不同的選擇器類型來(lái)匹配HTML元素。下面將介紹一些常用的CSS3選擇器類型:
1. 類型選擇器(Type Selector) 用于匹配頁(yè)面中的特定HTML元素,例如: p { color: red; } 將為所有p標(biāo)簽的文本顏色設(shè)置為紅色。 2. 后代選擇器(Descendant Selector) 用于匹配特定元素的后代元素,例如: div p { font-size: 14px; } 將為每個(gè)嵌套在div標(biāo)簽內(nèi)的p標(biāo)簽設(shè)置字體大小為14px。 3. 類選擇器(Class Selector) 用于匹配頁(yè)面中擁有相同類名的元素,例如: .header { background-color: gray; } 將為擁有class="header"的元素設(shè)置背景顏色為灰色。 4. ID選擇器(ID Selector) 用于匹配頁(yè)面中擁有相同ID的元素,例如: #logo { width: 100%; } 將為id="logo"的元素設(shè)置寬度為100%。 5. 偽類選擇器(Pseudo-Class Selector) 用于匹配某些特定狀態(tài)的元素,例如: a:hover { color: blue; } 將為鼠標(biāo)懸停在a標(biāo)簽上時(shí)改變其字體顏色為藍(lán)色。 6. 兄弟選擇器(Sibling Selector) 用于匹配與某個(gè)指定兄弟元素在同一級(jí)別的元素,例如: h2 + p { font-style: italic; } 將為每個(gè)緊接著h2標(biāo)簽后面的p元素設(shè)置字體樣式為斜體。