CSS选择器

CSS 选择器用于“查找”（或选取）要设置样式的 HTML 元素。

CSS元素选择器

元素选择器根据元素名称来选择 HTML 元素。

如：将页面上的所有 <p> 元素都设置为蓝色文本且背景设置为红色

p {

   color:blue;
   background-color:red;

}

CSS id 选择器

id 选择器使用 HTML 元素的 id 属性来选择特定元素。

元素的 id 在页面中是唯一的，因此 id 选择器用于选择一个唯一的元素！

要选择具有特定 id 的元素，请写一个井号（＃），后跟该元素的 id。

如：这条 CSS 规则将应用于 id="one" 的 HTML 元素

#one {
       text-align:center;
       color:red;
}

CSS类选择器

类选择器选择有特定 class 属性的 HTML 元素。

如需选择拥有特定 class 的元素，请写一个句点（.）字符，后面跟类名。

如：在所有带有 class="center" 的 HTML 元素居中对齐且背景色为蓝色

.center{
       text-align:center;
       background-color:blue;
}

CSS通用选择器

通用选择器（*）选择页面上的所有的 HTML 元素。

如:下面的 CSS 规则会影响页面上的每个 HTML 元素

* {
  text-align: center;
  color: blue;
}

CSS分组选择器

分组选择器选取所有具有相同样式定义的 HTML 元素。

如:下面的 CSS 代码（h1、h2 和 p 元素具有相同的样式定义）

h1 {
  text-align: center;
  color: red;
}

h2 {
  text-align: center;
  color: red;
}

p {
  text-align: center;
  color: red;
}

最好对选择器进行分组，以最大程度地缩减代码。

如需对选择器进行分组，请用逗号来分隔每个选择器。