本文主要是介绍子元素和后代元素选择器，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>子元素和后代元素选择器</title>
<style type="text/css">
/*
为div中的span设置颜色为绿色
后代元素选择器
祖先元素 后代元素{}
*/
/*div span{
color: greenyellow;
}*/
/*
id为1的div中的p中的span
*/
/*#d1 p span{
font-size: 50px;
}*/
/*
为div的子元素span设置背景为黄色
子元素选择器
父元素 》 子元素
*/
div > span{
background-color: yellow;
}
</style>
</head>
<body>
<!-- 元素之间的关系：
父元素
子元素
祖先元素
后代元素
兄弟元素
-->
<div id="d1">
<span>我是div标签中的span</span>
<p><span>我是p标签中的span</span></p>
</div>
<span>我是body标签中的span</span>
</body>
</html>
这篇关于子元素和后代元素选择器的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
