CSS選擇器是用于指定要操作的HTML元素的一種方法。在CSS中,有多種選擇器可供選擇,不同的選擇器可以根據不同的需求進行選擇。
// ID選擇器 #element { color: red; } // 類選擇器 .element { color: blue; } // 元素選擇器 p { font-size: 16px; } // 后代選擇器 .parent .child { background-color: gray; } // 相鄰兄弟選擇器 .element + .sibling { margin-left: 10px; } // 屬性選擇器 a[] { color: green; } // 偽類選擇器 a:hover { text-decoration: underline; } // 通配符選擇器 * { box-sizing: border-box; }
ID選擇器使用“#”符號表示,用于選擇指定ID的元素。
類選擇器使用“.”符號表示,用于選擇指定類名的元素。
元素選擇器用于選擇指定類型的元素。
后代選擇器用于選擇指定父元素下的子元素。
相鄰兄弟選擇器用于選擇位于同一父元素下、緊接著某個元素后面的兄弟元素。
屬性選擇器用于選擇具有指定屬性的元素。
偽類選擇器用于向某個元素添加特殊的樣式。
通配符選擇器用于選擇頁面上所有元素。