css三种选择器的语法

在 CSS 中，选择器是控制样式应用的重要方式。CSS 提供了三种类型的选择器，分别是：元素选择器、类选择器和 ID 选择器。

/* 元素选择器 */
p {
  color: red;
}

/* 类选择器 */
.intro {
  font-size: 20px;
}

/* ID 选择器 */
#header {
  background-color: black;
} 

元素选择器是通过标签名称来选择元素的，不需要任何特殊符号或标志。上述代码中的 p 就是元素选择器，将会把所有的 <p> 元素的文字颜色设置为红色。

类选择器使用 . 作为前缀，后面跟上类名。在 HTML 中，我们可以为元素添加类名，然后使用类选择器来选择这些元素。上述代码中的 .intro 就是一个类选择器，为所有拥有 class="intro" 的元素设置字体大小为 20px。

ID 选择器使用 # 作为前缀，后面跟上 ID 名。在 HTML 中，我们可以为元素添加 ID，然后使用 ID 选择器来选择这些元素。上述代码中的 #header 就是一个 ID 选择器，为拥有 id="header" 的元素设置背景颜色为黑色。