CSS選擇器是用來(lái)選擇HTML元素的工具,它可以根據(jù)元素的標(biāo)簽名、屬性、位置等信息來(lái)進(jìn)行選擇。下面將介紹CSS選擇器十種。
1. 標(biāo)簽選擇器:選擇HTML頁(yè)面中所有指定標(biāo)簽的元素,如div、p、a等標(biāo)簽。示例代碼:p {color: red;} 2. ID選擇器:選取帶有特定id屬性值的HTML元素。示例代碼:#header {background-color: green;} 3. 類選擇器:選取帶有特定class屬性值的HTML元素。示例代碼:.highlight {font-size: 20px;} 4. 后代選擇器:選取某個(gè)元素下所有子元素中符合條件的元素。示例代碼:ul li {color: blue;} 5. 相鄰兄弟選擇器:選取某個(gè)元素之后的第一個(gè)兄弟元素。示例代碼:h1 + p {font-weight: bold;} 6. 子元素選擇器:選取某個(gè)元素的直接子元素。示例代碼:ul >li {list-style: none;} 7. 通配選擇器:選擇所有元素,用于給所有元素添加相同的樣式。示例代碼:* {margin: 0; padding: 0;} 8. 屬性選擇器:選擇帶有指定屬性的HTML元素。示例代碼:a[target="_blank"] {color: orange;} 9. :hover 偽類選擇器:選取鼠標(biāo)懸停在元素上時(shí)的狀態(tài)。示例代碼:a:hover {text-decoration: underline;} 10. :nth-child(n) 偽類選擇器:選取元素在其父元素中的位置,其中n可以是數(shù)字、關(guān)鍵詞(如even、odd)、公式等。示例代碼:ul li:nth-child(even) {background-color: #f2f2f2;}