这里所说的继承和覆盖都是由CSS的处理引擎自动处理，我们只需要了解它的处理原理即可。
在css样式中，当写的代码太多时，难免不会出现样式冲突的问题，比如给父元素和子元素同时设置了背景颜色，那么到底以哪个为准呢？答案是以子元素为准。
它的原理是：精确选中的那个元素样式优先。
另外，如果给子元素设置了样式，那么子元素是否会继承父元素的样式呢？答案是：会继承。
请看如下代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css样式的继承和覆盖</title>
</head>
<body>
<style>
.box{
color:red;
font-size:30px;
line-height:100px;
}
p{
color:green;/* 父元素和子元素css产生冲突，以子元素为准 */
}
</style>
<div class="box">
这是div的内容
<p>这是div中的段落</p>
</div>
</body>
</html>
以上代码中，我们先给父元素div设置了一些css属性，又给div的子元素p设置了css属性，其中color属性父子都有，结果是：子元素的color覆盖了父元素的color，但父元素的其它属性，子元素继承了下来。
显示结果如下：
|
窥视卡
雷达卡
发表于 2023-1-31 22:31:48
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-17 15:12:21
