在CSS中,選擇器用于指定需要樣式化的HTML元素。常用的CSS選擇器如下:
1. 類選擇器:使用"."符號,指定類名來選擇元素。 .className { /* 樣式代碼 */ } 2. ID選擇器:使用"#"符號,指定元素ID來選擇元素。 #elementID { /* 樣式代碼 */ } 3. 標簽選擇器:使用HTML標簽名稱來選擇元素。 p { /* 樣式代碼 */ } 4. 后代選擇器:使用空格來連接兩個元素,指定父元素和子元素,選擇子元素。 parentElement childElement { /* 樣式代碼 */ } 5. 相鄰兄弟選擇器:使用"+"符號,選擇緊隨在另一個元素后面的元素。 element1 + element2 { /* 樣式代碼 */ } 6. 偽類選擇器:用于更精確地選擇特定狀態(tài)下的元素,如:hover,:active等。 element:hover { /* 樣式代碼 */ } 7. 通配選擇器:使用"*"符號,選擇HTML文檔中的所有元素。 * { /* 樣式代碼 */ }
這些CSS選擇器可以根據(jù)需要結合使用,為網(wǎng)頁元素添加樣式,實現(xiàn)更多的布局效果。