CSS核心（二十三）css样式的继承和覆盖
这里所说的继承和覆盖都是由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，但父元素的其它属性，子元素继承了下来。
显示结果如下：
受益非浅 我非常同意１０楼的意见，真的是写出了我们的心声，真是谢谢了 tongyi 真的使我体会到好多~~~~~~~~~~~~~~~~学海无崖 受益匪浅呀，我一定好好学习，好好把握剩下的大学时光 大家好，我是一个初学者，我觉得要学好编稆这玩意，就得把数学学好才行，数学是编程的基础！！！ 感慨啊，，，，基础啊。。。。。 大家好，我是一个初学者，我觉得要学好编稆这玩意，就得把数学学好才行，数学是编程的基础！！！ 哎，咋就越看越心虚。。。