html中父子元素的解释,CSS选择器 ，父元素、子元素、父/子及相邻这几个概念...

元素的解释,CSS选择器 ，父元素、子元素、父/子及相邻这几个概念..."/>

html中父子元素的解释,CSS选择器 ，父元素、子元素、父/子及相邻这几个概念...

结构：

推荐

内容！内容

关系解释：

h4 和 p 同为 div 的“子元素”，两者分别同 div

形成“父/子”关系。

h4,p,strong 都是 div 的“子元素”。(三者都包含在 div

之内)

div 是 h4 和 p 的“父元素”。

strong 和 p 形成“父/子”关系，strong 的“父元素”是 p

。

但 strong 和 div 并非“父/子”关系，而是“祖孙”关系，但 strong

依然是 div 的“子(孙)元素”。

div 是 h4 p strong 三者的“祖先”，三者是 div 的“子(孙)元素”。

h4 和 p 两者是相邻的。

例子：

div strong {color:green;} /* － 正确。strong 是 div

的“子元素”*/

p > strong {color:green;} /* － 正确。strong 和 p

是“父/子”关系*/

div > strong {color:green;} /* － 错误！strong 虽然是 div

的“子(孙)元素”，但两者乃是“祖孙”关系，而非“父/子”关系，因此不能用

> 符号连接*/

这些很好理解，如果有不明白的进群或在这里留言