1、新建html文档，然后在body标签中添加原题中的元素：
2、在head标签中添加style标签，然后在style标签中输入“.abc”，这个表示获取的是外标签div：
3、在“.abc”后面输入一个空格，然后输入“.efd”，这时选择的是外div的子标签：
css选择一个元素下的2中同级元素，我们首先还是需要获取到这个元素，可以通过给这个元素一个id或者是class来做，选择同级子元素，一般设置的都是相同的css样式，所以，在同级子元素的选取中css是通过一个','来隔开元素名，然后其他的还是一样的书写css样式，请看代码：<html>
<head>
<style>
#div1{
width:600px
height:40px
font-size:13px
}
#div1 p,span{ //通过一个‘,’实现对2个同级子元素的选取
display:block
width:300px
height:30px
text-align:center
margin:0 auto
}
</head>
<body>
<div id='div1'>
<p>我是测试文字</p>
<span>我是测试文字1</span>
</div>
</body>
</html>
使用CSS的 子元素选择器 与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素子元素的元素。 选择子元素 如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）...
