CSS常用选择器CSS选择器的作用是从HTML页面中找出特定的元素，常用的CSS选择器如下。基本选择器通用选择器

CSS常用选择器

CSS选择器的作用是从HTML页面中找出特定的元素，常用的CSS选择器如下。

选择所有元素。（可选）可以将其限制为特定的名称空间或所有名称空间。

* {
  margin: 0;
}

按照给定的节点名称，选择所有匹配的元素。

div {
  margin: 0;
}

按照给定的 class 属性的值，选择所有匹配的元素。

.class {
  margin: 0;
}

按照 id 属性选择一个与之匹配的元素。需要注意的是，一个文档中，每个 ID 属性都应当是唯一的。

#id {
  margin: 0;
}

按照给定的属性，选择所有匹配的元素。

" "（空格）组合器选择前一个元素的后代节点。

div p {
  margin: 0;
}

> 组合器选择前一个元素的直接子代的节点。

div > p {
  margin: 0;
}

+ 组合器选择相邻元素，即后一个元素紧跟在前一个之后，并且共享同一个父节点。

div + p {
  margin: 0;
}

~ 组合器选择兄弟元素，也就是说，后一个节点在前一个节点后面的任意位置，并且共享同一个父节点。

h2 ~ p {
  margin: 0;
}

, 是将不同的选择器组合在一起的方法，它选择所有能被列表中的任意一个选择器选中的节点。

h1, h2, p {
  margin: 0;
}