父元素:直接包含子元素的
子元素:直接被父元素包含的
祖先元素:直接或间接包含后代的,父元素也是
后代元素:直接或间接被祖先元素包含的,子元素也是
兄弟元素:拥有相同父元素的互相叫兄弟元素
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>父子元素</title>
<style type="text/css">
#d1 span{
/*选择id为d1中的span*/
color: aquamarine;
}
#d1 p span{
/*选择id为d1的div中的p中的span*/
color: red;
}
div > span{
/*选择div中的子元素*/
font-size: 50px;
}
</style>
</head>
<body>
<div id="d1">
<!--
父元素:直接包含子元素的
子元素:直接被父元素包含的
祖先元素:直接或间接包含后代的,父元素也是
后代元素:直接或间接被祖先元素包含的,子元素也是
兄弟元素:拥有相同父元素的叫
-->
<span>
劳资是跌
</span>
<p><span>
小子是笋
</span></p>
</div>
</body>
</html>