CSS里什么是父元素和兄弟元素?

html-css019

CSS里什么是父元素和兄弟元素?,第1张

<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的后代元素（后代选择符）。

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

CSS都是写样式的，不涉及动态操作，所以没有寻找父元素的技能，如果你想给某个元素的父元素设样式，直接给它加class或id就好了。js是有可能涉及到运行过程中有dom的动态操作的，所以有这个技能，就是xx.parentNode， 就能直接拿到xx的父元素了。