子代选择器后代选择器代码实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>选择器</title>
<style>
#box p{
color: blue;
}
#main>p{
width: 50px;
height: 50px;
background: red;
margin:10px;
color: yellow;
}
</style>
</head>
<body>
<p id="main">
<p id="box">
<p>c_1</p>
<p>c_2</p>
<p>c_3</p>
</p>
<p>2</p>
<p>3</p>
</p>
</body>
</html>