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