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

开发者社区> 问答> 正文

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

2016-06-12 15:13:23 2017 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
相关问答

0

回答

请教个问题,提交任务的时候可不可指定一个jobid

2022-06-15 10:55:24 167浏览量 回答数 0

1

回答

Java面向对象的类的成员中的属性是什么?

2022-04-02 16:42:43 441浏览量 回答数 1

1

回答

说一个hudson的subversion 插件的bug,该插件不能支持非英文的svn项目路径报错

2020-06-06 14:00:08 203浏览量 回答数 1

1

回答

java.lang.NoSuchFieldError错误的原因是什么?-java报错

2020-05-26 09:45:36 470浏览量 回答数 1

0

回答

aliyun.com邮箱最近一段时间对方收不到邮件

2018-01-09 09:51:01 2763浏览量 回答数 0

1

回答

js对json对象数组按属性排序怎么才能支持中文呢?

2016-07-06 19:26:36 3012浏览量 回答数 1

1

回答

求教:如何将一个页面上的数据显示到一个modal的modal-body上

2016-06-21 11:13:34 1848浏览量 回答数 1

1

回答

js里Math对象的属性和方法不能遍历,这是怎么回事?

2016-06-01 14:11:04 1703浏览量 回答数 1

4

回答

请教一下

2015-12-01 21:41:22 4894浏览量 回答数 4

2

回答

aliyun邮箱收不了原yahoo邮箱里面的邮件

2013-12-15 10:00:02 8258浏览量 回答数 2
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载