CSS的子选择器
CSS的子选择器
·
子元素选择器（子选择器）只能选择作为某元素的最近一级子元素。简单理解就是选亲儿子元素.
语法：
元素1 > 元素2 { 样式声明 }
上述语法表示选择元素1 里面的所有直接后代(子元素) 元素2。
div > p { 样式声明 } /* 选择 div 里面所有最近一级 p 标签元素 */-
元素1 和 元素2 中间用 大于号 隔开
-
元素1 是父级，元素2 是子级，最终选择的是元素2
-
元素2 必须是亲儿子，其孙子、重孙之类都不归他管. 你也可以叫他 亲儿子选择器
例如
<style>
div > p {
color: red;
}
div > li {
color: red;
}
</style>
</head>
<body>
<div>
<p>我是div里的p标签</p>
<ul>
<li>我是li标签</li>
</ul>
</div>
</body>
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
1
0- 0
已为社区贡献1条内容
所有评论(0)