在CSS中,選擇器是用來選擇網頁上要應用樣式的元素或元素組的工具。它們是CSS的核心,因為它們幫助我們控制網頁的外觀和布局。這里有幾種常見的CSS選擇器類型:
1. 元素選擇器 p { color: red; } 這個選擇器將把所有的段落元素的顏色設置為紅色。 2. ID 選擇器 #header { background-color: blue; } 這個選擇器將把具有ID為“header”的元素的背景顏色設置為藍色。 3. 類選擇器 .intro { font-style: italic; } 這個選擇器將把所有的類包含“intro”的元素的字體樣式設置為斜體。 4. 后代選擇器 article p { font-size: 14px; } 這個選擇器將把文章元素下所有段落元素的字體大小設置為14像素。 5. 相鄰兄弟選擇器 h3 + p { text-decoration: underline; } 這個選擇器將把所有作為h3元素的下一個兄弟的段落元素的文本裝飾設置為下劃線。 6. 通用選擇器 * { margin: 0; } 這個選擇器將把網頁上所有元素的外邊距值都設置為零。 7. 屬性選擇器 input[type="password"] { border: 1px solid black; } 這個選擇器將把input元素的類型設置為“密碼”的邊框顏色設置為黑色。
CSS選擇器非常強大,可以幫助我們通過簡單、清晰的代碼來控制網頁的外觀和布局。掌握這些選擇器的種類和使用,是成為一名優秀的前端開發人員的關鍵。。