在CSS里什么是父元素和兄弟元素?老是提到父元素和兄弟元素？

最新推荐文章于 2024-05-15 18:00:00 发布

szt11

最新推荐文章于 2024-05-15 18:00:00 发布

阅读量1.1k

点赞数 3

文章标签： css html

本文链接：https://blog.csdn.net/szt11/article/details/7101057

版权

〈html〉
   〈head〉
       〈title> .. </title>
    </head>
    <body>
        <ul>
           <li>332</li>
           <li>233234</li>
        </ul>
        <p>   ...</p>
    </body>
</html>

比方说上面的html结构，〈html〉元素就是〈body〉和〈head〉的父元素（上下级，包含关系），而〈body〉又是〈ul〉和〈p〉的父元素，〈ul〉又是两个〈li〉的父元素。
两个〈li〉就是兄弟元素（平级），〈body>和〈head〉也是兄弟元素，依此类推。

相应的， ul 和p是body的子元素，而li呢，是body的后代元素（后代选择符）。

你在dw里，套用源格式后，代码自动缩进，你很容易就能看出来的。