CSS選擇符是定義樣式的一種方法,通過選擇符,我們可以將樣式應用于指定的元素。CSS選擇符有多種類型,我們來逐一了解一下。
/* 元素選擇器 */ p { font-size: 16px; }
元素選擇器是最常見的選擇器類型,它將樣式應用于指定的HTML元素。在上面的代碼中,為所有p元素設置了16px的字體大小。
/* ID選擇器 */ #title { font-size: 22px; }
ID選擇器選中具有特定ID的單個元素。在上面的代碼中,使用ID選擇器將樣式應用于具有ID為title的元素,設置其字體大小為22px。
/* 類選擇器 */ .container { max-width: 800px; }
類選擇器選中具有特定類的所有元素。在上面的代碼中,使用類選擇器將樣式應用于所有帶有class為container的元素,設置其最大寬度為800px。
/* 屬性選擇器 */ input[type="text"] { border: 1px solid #ccc; }
屬性選擇器選中具有指定屬性或屬性值的元素。在上面的代碼中,通過屬性選擇器將樣式應用于所有類型為text的輸入框,設置其邊框為1px實線,顏色為#ccc。
/* 子元素選擇器 */ ul >li { list-style: none; }
子元素選擇器選中某個元素的直接子元素。在上面的代碼中,將樣式應用于所有ul元素的直接li子元素,設置其列表樣式為無。
以上是CSS選擇符的幾種類型,它們可以單獨使用或組合使用,幫助我們精確地控制頁面元素的樣式。