css 获取第一层子元素

2017-03-23 11:23:15 +08:00
 yantianqi
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		.div1>div{
			color:red;
		}
	</style>
</head>
<body>
	<div class="div1">
		<div>
			这是红色
			<div>这里不变色</div>
		</div>
	</div>
</body>
</html>
6262 次点击
所在节点    CSS
10 条回复
luo123qiu
2017-03-23 11:33:19 +08:00
楼主你想说啥？
krzover
2017-03-23 11:45:21 +08:00
同一个帖子发了两遍...是不是不太合适?
yantianqi
2017-03-23 11:47:09 +08:00
@krzover 第一个发错了，为啥都变色？
zhaoto
2017-03-23 11:47:40 +08:00
楼主 css 继承的问题？
zhaoto
2017-03-23 11:50:58 +08:00
这样写肯定都会变色，除非你重新写“不是红色＂值为其他颜色。
nino
2017-03-23 11:51:54 +08:00
color 是默认 inherit 的嘛
krzover
2017-03-23 11:54:46 +08:00
这里不变色的 div 默认继承上一级 div 的 color 了
suinia
2017-03-23 11:55:19 +08:00
写法没错， color 属性会继承的.
wly19960911
2017-03-23 11:57:00 +08:00
http://www.w3school.com.cn/cssref/pr_text_color.asp

默认继承，从父元素继承
maplerecall
2017-03-23 12:17:01 +08:00
粗略的说，字体相关的属性都是会继承的。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/349680

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX