在CSS中,選擇器是用于選擇HTML元素并給它們應用樣式的工具。以下是一些常見的選擇器:
1. 元素選擇器 示例代碼: p {color: red;} 解釋:這個選擇器將應用于所有P元素,將它們的文本顏色設置為紅色。 2. 類選擇器 示例代碼: .my-class {font-size: 16px;} 解釋:這個選擇器將應用于所有class屬性為my-class的元素,將它們的字體大小設置為16像素。 3. ID選擇器 示例代碼: #my-id {background-color: blue;} 解釋:這個選擇器將應用于所有id屬性為my-id的元素,將它們的背景顏色設置為藍色。 4. 子元素選擇器 示例代碼: ul >li {list-style-type: none;} 解釋:這個選擇器將應用于所有ul元素下的所有直接子元素li,將它們的列表樣式設置為無。 5. 后代元素選擇器 示例代碼: .parent p {text-align: center;} 解釋:這個選擇器將應用于所有class屬性為parent的元素下的所有p元素,將它們的文本居中對齊。 6. 通配符選擇器 示例代碼: * {border: 1px solid black;} 解釋:這個選擇器將應用于所有元素,將它們的邊框設置為1像素黑色實線。 7. 屬性選擇器 示例代碼: input[type="text"] {width: 100%;} 解釋:這個選擇器將應用于所有type屬性為text的input元素,將它們的寬度設置為100%。 8. 偽類選擇器 示例代碼: a:hover {color: green;} 解釋:這個選擇器將應用于所有鼠標懸停在鏈接上的a元素,將它們的文本顏色設置為綠色。