子代选择器后代选择器代码实例
程序员文章站
2022-06-10 15:46:15
子代选择器后代选择器代码实例
子代选择器后代选择器代码实例
<!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>