css选择某个元素的子元素的代码
css选择某个元素的子元素的方法
CSS选择某一个元素的子元素一般是为了精确地匹配选择某一类元素，如果是为了选择某个id的元素那肯定不必多此一举，直接使用id选择器即可。CSS中有一种称为子元素选择器的选择器可用于精确地匹配选择某元素下的某一类元素。注意，是某个元素的子元素，如果是子元素的子元素，则无法被匹配选择。子元素选择器的其语法如下：
父元素选择器 > 子元素选择器 {属性: 属性值;}
提示：这两个元素选择器之间的符号为“大于号”。
css选择某个元素的子元素的代码，及在线编辑器
下方实例，匹配选择了class为x1y1z1的div的子元素p，该div的子元素的子元素则不会被匹配选择：
<div class="x1y1z1">
<div><p>这是类为x1y1z1的元素子元素的子元素</p></div>
<p>这是类x1y1z1元素的子元素</p>
</div>
<style>
.x1y1z1 > p{color:green;font-weight:600;}
</style>免责声明：内容仅供参考。