css三种选择符 优先级

CSS中选择器是非常重要的，可以用来为HTML元素添加样式。CSS有三种不同的选择符（selector），它们在CSS中具有不同的优先级。下面我们来详细介绍一下这三种选择符。

元素选择器

元素选择器（element selector）是最常见的选择器。它基于HTML元素的名称来选择元素，并给它们添加样式。例如，要将所有段落元素的字体大小设置为16像素，可以使用以下代码：

p {
  font-size: 16px;
} 

这将使所有的 <p> 标签的字体大小都为16像素。

类选择器

类选择器（class selector）以一个点开头（.）并跟随着一个类名称，例如：

.classname {
  color: red;
} 

在你的HTML代码中，为需要改变颜色的元素添加相同的类名即可：

<p class="classname">This text is red.</p> 

注意：一个元素可以被多个类选择器选中。

Id选择器

ID选择器（id selector）以一个井号开头（#）并跟随一个id名称，例如：

#idname {
  font-weight: bold;
} 

在你的HTML代码中使用id名，如：

<p id="idname">This text is bold.</p> 

注意：每个HTML元素只能有一个唯一的ID。

总之，三种选择器都可以应用于相同的样式，但它们的优先级略有不同。ID选择器具有最高的优先级，其次是类选择器，最低的是元素选择器。当多个选择器应用于相同的元素时，具有最高优先级的选择器将被应用。