为什么.class元素{}不覆盖元素{}？

.class元素{}不覆盖元素{}的原因是因为CSS的层叠规则（Cascading Rules）中，类选择器（class selector）的优先级较低，无法覆盖元素选择器（element selector）。

在CSS中，选择器的优先级是根据其特定性（specificity）来确定的。特定性是由选择器中各个部分的组合决定的，包括元素选择器、类选择器、ID选择器和内联样式等。一般来说，特定性越高的选择器优先级越高。

元素选择器是最基本的选择器，它只通过元素的标签名来选择元素。而类选择器是通过给元素添加class属性来选择元素。由于元素选择器的特定性较低，所以当类选择器和元素选择器同时作用于同一个元素时，类选择器无法覆盖元素选择器。

例如，如果有以下CSS代码：

div {
  color: red;
}

.class {
  color: blue;
}

对于以下HTML代码：

<div class="class">Hello World</div>

元素选择器div会将文字颜色设置为红色，而类选择器.class会将文字颜色设置为蓝色。由于类选择器的优先级较低，所以最终文字颜色会是红色，而不是蓝色。

总结起来，.class元素{}不覆盖元素{}是因为类选择器的优先级较低，无法覆盖元素选择器。