为什么身体类重写页脚html

我很好奇为什么第二种颜色会被第一种颜色覆盖？通过不添加！important或将它包装在body类中,有没有办法解决这个问题？

body.football h3 {
   color: #a07a40;
}

footer h3 {
   color: white;
}

解决方法

它被覆盖,因为css将使用最特定的选择器而不是任何其他选择器.

要解决此问题,您需要使用！important标志或更改页脚选择器更具体,最简单的方法是使用id.

一个例子：

#footer h3{
    color: white;
}

<footer id='footer'><h3></h3></footer>