css三种形式的优先级

在CSS中，有三种不同形式的选择器：元素选择器、类选择器和ID选择器。当存在多个选择器并且具有相同的优先级时，CSS的三个重要特性，即优先级、继承和层叠，会起到关键作用。

选择器的优先级决定了浏览器应该使用哪一个规则集。优先级通常是通过特定规则计算的，其中每个选择器都被赋予特定的值。如果多个选择器具有相同的优先级，浏览器通常会根据它们在CSS文件中出现的顺序来确定应该使用哪个规则。

 /* 元素选择器 */
    p {
      font-size: 16px;
    }
    /* 类选择器 */
    .blue-text {
      color: blue;
    }
    /* ID选择器 */
    #red-text {
      color: red;
    } 

在这三种选择器中，优先级最高的是ID选择器。使用ID选择器定义的样式将覆盖任何类或元素选择器的样式。类选择器的优先级低于ID选择器，但高于元素选择器。

如果有多个具有相同ID的元素，那么只有最后一个声明才会被使用。这是因为HTML规范要求每个ID在文档中必须是唯一的，所以在CSS中使用ID选择器是一种明显的错误，应该避免。

优先级还可以由“!important”关键字覆盖。这个关键字可以添加到任何样式声明中，将优先级提高到最高级别，即使其他选择器的优先级更高也会被覆盖。

 /* 带有!important的样式将覆盖其他样式 */
    .important-text {
      color: green !important;
    } 

在编写CSS时，选择正确的选择器对应每个HTML元素是很重要的。应该尽可能使用简单的选择器，以提高性能。