css 中的选择器包括什么

CSS（层叠样式表）中，选择器主要是用来指定你想要样式化（设置样式）的元素。它们是 CSS 中的一种模式。在这篇文章中，我们来看看 CSS 中常见的几种选择器。

/* 一级选择器，作用于所有的 
 标签 */
p {
  color: blue;
}

第一种我们要介绍的选择器是元素选择器。这是最常用的一种选择器。如代表段落的 p 标签，h1 到 h6 的标题标签，锚点标签 a，等等。

/* 类选择器，作用于 class 属性带有 content 的元素 */
.content {
  font-weight: bold;
}

第二种是类选择器。这个选择器是通过指定 class 属性值来进行的。其实就是在 HTML 中 class 属性加了一个名字，然后在 CSS 中使用这个名字来选择样式。

/* ID 选择器，作用于 id 属性为 example 的元素 */
#example {
  background-color: gray;
}

第三种选择器是 ID 选择器。ID 在 HTML 中是唯一的标识符。你不可以给一个页面中的两个元素使用相同的 ID 属性值。在 CSS 中，通过给出 # 符号和 ID 值来指定元素。

/* 后代选择器，作用于 id 为 container 中的所有  标签 */
#container p {
  color: red;
}

第四种选择器是后代选择器。这种选择器选择包含在一个元素中的所有其他元素。细节上来说，这里看到的 #container p 选择器只会选中 p 标签，它们都是 #container 元素的子孙标签。

这四种是我们在 CSS 中最常见的选择器。当然还有其他种类的选择器，像是属性选择器、伪类选择器等等。通过这些选择器的使用，你可以非常准确地对网页中的元素进行样式化，从而达到更好的视觉效果或用户体验。