[分享]css中常见的选择器有哪些

在CSS中，选择器是用来选择需要添加样式的HTML元素的。在这篇文章中，我们将介绍一些常见的CSS选择器。标签选择器： 这是最常见的选择器之一。它用来为特定的HTML标签添加样式，如下所示： p { ...

在CSS中，选择器是用来选择需要添加样式的HTML元素的。在这篇文章中，我们将介绍一些常见的CSS选择器。

标签选择器：
这是最常见的选择器之一。它用来为特定的HTML标签添加样式，如下所示：

p {
  color: red;
}

类选择器：
使用类选择器，您可以为具有相同类名的HTML元素添加样式。类选择器以点号开头，并在样式表中定义。

.example {
  color: blue;
}

ID选择器：
和类选择器很像，但ID选择器是唯一的。它们用于为单个HTML元素添加样式。ID选择器以#开头。

#header {
  background-color: gray;
}

后代选择器：
后代选择器用于选择某个元素内的子元素。例如：

#container p {
  font-size: 16px;
}

相邻兄弟选择器：
使用相邻兄弟选择器，您可以选择某个元素的下一个兄弟元素。

h2 + p {
  font-size: 14px;
}

通用选择器：
通用选择器（*）选取页面上所有元素。使用时要特别小心，因为会影响页面性能。

* {
  margin: 0;
  padding: 0;
}

那么，这些就是CSS中的一些常见选择器。