请教一下CSS的继承: 一个后代元素,从2个祖先元素上继承color属性,听谁的? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

请教一下CSS的继承: 一个后代元素,从2个祖先元素上继承color属性,听谁的?

2016-06-12 15:13:23 1959 1

我将外层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>

screenshot

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:34:09

    有两条原则
    1:优先继承距离该元素近的祖先元素
    2:设置在元素本身上的优先于继承祖先的

    0 0
相关问答

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 57689浏览量 回答数 19

43

回答

什么是云主机,云服务器与vps有什么区别?

zhuangdengyun 2011-11-01 04:21:50 51065浏览量 回答数 43

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 47595浏览量 回答数 19

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 147453浏览量 回答数 31

15

回答

网页挂马及暗链检测

yundun1 2012-02-24 17:40:01 47782浏览量 回答数 15

251

回答

阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本

云代维 2014-02-14 15:26:06 309199浏览量 回答数 251

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 81417浏览量 回答数 13

21

回答

【Java学习全家桶】1460道Java热门问题,阿里百位技术专家答疑解惑

管理贝贝 2018-05-31 13:57:45 48720浏览量 回答数 21

46

回答

H5技术百问——不懂H5你就OUT啦

yq传送门 2017-09-09 11:03:04 48260浏览量 回答数 46

3

回答

Nginx—owncloud安装记事

寒喵 2014-06-07 23:24:41 49564浏览量 回答数 3
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载