CSS選擇器一覽

CSS選擇器是用來選擇頁面中符合某些規則的元素，讓我們可以對這些元素進行樣式上的調整。下面介紹一些常用的選擇器。
1. 元素選擇器
基本語法：元素名 { 樣式聲明 }
示例：p { color: red; }
2. id選擇器
基本語法：#id名 { 樣式聲明 }
示例：#menu { background-color: gray; }
3. class選擇器
基本語法：.類名 { 樣式聲明 }
示例：.menu-item { text-align: center; }
4. 屬性選擇器
基本語法：[屬性名=值] { 樣式聲明 }
示例：[] { color: blue; }
5. 后代選擇器
基本語法：祖先元素 子元素 { 樣式聲明 }
示例：nav ul { background-color: pink; }
6. 相鄰兄弟選擇器
基本語法：元素1 + 元素2 { 樣式聲明 }
示例：h2 + p { font-size: 1.2rem; }
7. 通用選擇器
基本語法：* { 樣式聲明 }
示例：* { margin: 0; padding: 0; }
8. 組合選擇器
基本語法：選擇器1, 選擇器2, ... { 樣式聲明 }
示例：h1, h2, h3 { font-weight: bold; }