没有父元素选择器,只有子元素选择器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里,套用源格式后,代码自动缩进,你很容易就能看出来的。