请教一下CSS的继承：一个后代元素，从2个祖先元素上继承color属性，听谁的？

28551924

发布于
2016-04-06

我将外层div设置color:red ，内层div设置color:blue。内层div还有个span。
请问，为什么span的color继承了内层div的blue，而不是外层div的red？

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css继承</title>
<style>
*{margin: 0; padding: 0;}
.out{border: 2px solid #000; 
    padding: 10px;
    color:red; /* 最外层div 红色字体*/
}
.in{border: 2px solid #ccc; 
    padding: 10px;
    color:blue; /* 内层div是蓝色字体 */
}
</style>
</head>
<body>
    <div class="out">
        out的文字
        <div class="in">
            <span>我在span里</span>
        </div>
    </div>
</body>
</html>

图片描述