css选择器的使用

在 CSS 中，选择器是用来指定要应用样式的 HTML 元素的标记。以下是一些常见的 CSS 选择器：

1. 元素选择器

元素选择器是指选择 HTML 元素的类型（例如，p 表示段落，h1 表示一级标题等等）。示例：

p {
  color: red;
}

上面的代码将会选择所有的 p 元素，并将文字颜色设置为红色。

2.类选择器

类选择器是以 “.” 开头的选择器，用于选中具有相同类别的元素（即 HTML 中的 class 属性）。示例：

.item {
  color: blue;
}

上面的代码将会选择所有 class 属性为 “item” 的元素，并将文字颜色设置为蓝色。

3.ID 选择器

ID 选择器是以 “#” 开头的选择器，用于选中具有唯一 ID 的元素（即 HTML 中的 id 属性）。示例：

#my-element {
  font-size: 20px;
}

上面的代码将会选中 id 属性为 “my-element” 的元素，并将文字大小设置为 20px。

4.子元素选择器

子元素选择器是指选中某个元素下的指定子元素，使用 “>” 符号分隔。示例：

ul > li {
  color: green;
}

上面的代码将会选择所有 ul 元素下的子元素 li，并将文字颜色设置为绿色。

还有很多其他的选择器，包括后代选择器、相邻兄弟选择器、伪类选择器等等。每个选择器都可以帮助您更精确地选中所需的元素，并使您的 CSS 代码更具灵活性和可重用性。