用css选择器 如何选择自己的父元素

html-css010

用css选择器 如何选择自己的父元素,第1张

css

没有父元素选择器,只有子元素选择器h1

>

strong,选择第一个

h1

下面的strong

元素;兄弟选择器h1

+

p

选择紧接在另一个元素后的元素,而且二者有相同的父元素;

父元素可以使用jquery,$(".class:parent")

$(".class").parent()

<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里,套用源格式后,代码自动缩进,你很容易就能看出来的。