<!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>
總結(jié):div > span表示div中的子元素span 但是不包括h1中的子元素