常用的CSS选择器CSS 的选择器规定了 CSS 的样式会被应用到哪些 HTML 元素上。例如，可以利用 CSS 选择器

CSS 的选择器规定了 CSS 的样式会被应用到哪些 HTML 元素上。例如，可以利用 CSS 选择器去改变网页内文字的颜色，字体的大小，内边距，外边距等。

1.常见的 CSS 选择器有：

元素选择器

元素选择器一般是指通过元素的标签名来选择元素。可以选中文档中所有与之匹配的特定HTML元素标签名的元素。

例如，p选择所有标签为p的元素。

p {
  font-size: 15px;
}

类选择器

类选择器可以根据元素的类名来选择元素。在 CSS 中，类选择器以. 开头，后跟类名。例如，.search可以选择类名为 search 的元素。

.search {
    width: 100%;
    height: 50px;
}

ID 选择器

类选择器可以根据元素的 id 来选择元素。在 CSS 中，ID 选择器以#开头，后跟元素的 ID 属性值。其中，id 是唯一的。

例如，#container 可以选择 id 为 container 的元素。

#container {
    text-align: center;
}

后代选择器

后代选择器可以选择某个元素内部的所有后代元素。在 CSS 中，用空格来进行分隔。

例如，#container p 选择 id 为 container 的所有 p 元素。

#container p {
    color: blue;
}

子元素选择器

子元素选择器可以用来选择父元素的所有子元素。在 CSS 中，用> 号来进行分隔。

例如，ul > li 选择父元素为 ul 的 li 子元素。

ul > li {
    color: red;
}

相邻兄弟选择器

相邻兄弟选择器选择紧接在某个元素之后的兄弟元素，且它们具有相同的父元素。在 CSS 中，使用 + 来进行分隔。

例如，h1 + p 可以选择紧接在 h1 元素后的 p 元素。

h1 + p {
    font-size: 16px;
}

通用兄弟选择器

通用兄弟选择器选择紧接在某个元素之后的所有相同兄弟元素，且它们具有相同的父元素。在 CSS 中，使用~来进行分隔。

例如，h1 ~ p 可以选择紧接在 h1 元素后的所有兄弟 p 元素。

h1 ~ p {
    font-size: 15px;
}

群组选择器

群组选择器用来同时选中多个元素。在 CSS 中，使用 ,进行分隔。

例如，p, h1 表示同时为所有段落和所有标题元素设置相同的样式。

p, h1 {
    color: red;
}

以上是 CSS 的一些常见选择器。此外，除了这些常见选择器外，还有通用选择器，伪类选择器，属性选择器等。

css 的部分命名规则如下：