CSS2技术讲解_HTML族谱(Family Tree)

[caption id=”attachment_314” align=”alignnone” width=”592”]HTML族谱 HTML族谱[/caption]

关键词:祖先,派生,父标签,子标签,同胞标签

祖先:一个标签A包含了另一个标签B,那么A是B的祖先,html标签是所有标签的祖先。
派生:在一个或是更多标签内部的标签就是一个派生标签,图中body是html派生标签。
父标签:一个父标签是另一个标签最近的祖先,html是head和body标签的父标签。
子标签:一个直接被另一个标签包围的标签就是子标签,h1和p是body的子标签。

同胞标签:如图中的head和body,还有h1和p。

创建派生选择器(Desendent Selecter)
假设你想将样式应用给p标签中带有strong标签的那个单词,也就是上图中的单词important。
p strong{ color : red;}
如下ex2_FamilyTree_1.html

[caption id=”attachment_315” align=”alignnone” width=”413”]ex2_FamilyTree_1.html ex2_FamilyTree_1.html[/caption]