CSS 选择器

在 CSS 中，选择器用于指定要应用样式的元素。选择器可以根据元素的标签名、类名、ID、属性等来匹配元素。下面是一些常用的 CSS 选择器：

元素选择器

元素选择器是指通过元素的标签名来选择元素。例如，要选择所有的段落元素，可以使用 p 选择器：

p {
    color: red;
}

类选择器

类选择器通过类名来选择元素。在 HTML 中，通过 class 属性来定义类名。例如，要选择所有带有 my-class 类名的元素，可以使用 .my-class 选择器：

.my-class {
    font-size: 16px;
}

ID 选择器

ID 选择器通过元素的 ID 来选择元素。在 HTML 中，通过 id 属性来定义元素的 ID。例如，要选择 ID 为 my-id 的元素，可以使用 #my-id 选择器：

#my-id {
    background-color: blue;
}

后代选择器

后代选择器用于选择元素的后代元素。例如，要选择所有 div 元素下的 p 元素，可以使用 div p 选择器：

div p {
    margin-bottom: 10px;
}

伪类选择器

伪类选择器用于选择元素的特定状态。例如，要选择所有链接元素的鼠标悬停状态，可以使用 a:hover 选择器：

a:hover {
    text-decoration: underline;
}

这些是一些常用的 CSS 选择器，通过灵活运用这些选择器，可以轻松地为网页添加样式。