CSS 选择器
CSS 选择器是用于选择 HTML 元素并对其应用样式的一组模式。它们提供了一种精细控制文档外观和行为的方法。
以下是 CSS 选择器类型：
基本选择器
- 元素选择器：选择特定元素，例如
p表示段落。 - 类选择器：选择具有特定类名的元素，例如
.button。 - ID 选择器：选择具有特定 ID 的元素，例如
#header。 - 通配符选择器：选择所有元素，例如
*。
组合选择器
- 后代选择器：选择一个元素的后代，例如
p a表示段落中的锚元素。 - 子元素选择器：选择一个元素的直接子元素，例如
ul > li表示无序列表中的列表项目。 - 相邻兄弟选择器：选择紧接在另一个元素之后的元素，例如
p + div。 - 通用兄弟选择器：选择紧接在另一个元素之后或前面的元素，例如
p ~ div。
其他选择器
- 属性选择器：选择具有特定属性的元素，例如
[type="checkbox"]。 - 伪类：选择处于特定状态的元素，例如
:hover表示悬停在元素上时。 - 伪元素：选择元素的特定部分，例如
::before表示在元素之前插入的内容。
通过组合这些选择器类型，您可以创建复杂的选择器来精细地定位页面上的元素。这使得自定义元素的外观和行为变得更加容易。
