<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 组合选择器 子元素选择器 </title>
<style type="text/css">
div > span{
background-color:pink;
}
div > h1 > span{
background-color:red;
}
</style>
</head>
<body>
<div>
<h1>黑山<span>老妖<span></h1>
<span>吃人的妖怪</span>
</div>
</body>
</html>
总结:div > span表示div中的子元素span 但是不包括h1中的子元素