元素间的关系 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>元素间的关系</title>
    </head>
    <body>
        <!-- 
            元素间的关系
                父元素
                    直接包含子元素的元素
                子元素
                    直接被父元素所包含的元素
                祖先元素
                    直接或间接包含后代元素的元素
                    父元素也属于祖先元素
                后代元素
                    直接或间接被祖先元素包含的元素
                    子元素也属于后代元素
                兄弟元素
                    拥有相同父元素的元素
         -->
         <div class="box">
             <p>我是p元素</p>
            <p>
                我是另一个p元素
                <span>我是一个span</span>
            </p>
         </div>
    </body>
</html>

 

posted @ 2022-05-08 14:55  氯丙嗪  阅读(112)  评论(0)    收藏  举报