CSS中選擇符是用來定義要應用樣式的元素的,選擇符可以應用于HTML文檔中的任何元素。下面列舉了一些常見的CSS選擇符。
/* 元素選擇符 */ p { color: red; } /* ID選擇符 */ #header { font-size: 24px; } /* 類選擇符 */ .button { background-color: blue; } /* 屬性選擇符 */ input[type="text"] { border: 1px solid gray; } /* 后代選擇符 */ div ul li { list-style: none; } /* 相鄰兄弟選擇符 */ h2 + p { font-weight: bold; } /* 偽類選擇符 */ a:hover { color: orange; }
在使用上述選擇符時,需要注意以下幾點:
- 元素選擇符會應用于所有符合選擇器的元素
- ID選擇符唯一,一般用于特定元素的樣式定義
- 類選擇符可以用于任意元素,可以復用樣式
- 屬性選擇符可用于根據元素的屬性值應用樣式
- 后代選擇符可用于選擇某元素的后代元素
- 相鄰兄弟選擇符可選擇選中元素后緊接著的同級兄弟元素
- 偽類選擇符, 如:hover可用于定義元素的鼠標懸停樣式
除了以上列舉的選擇符,CSS中還有其他多種選擇符可供使用,靈活應用選擇符可以更加精細的定義元素的樣式。