如果有一个孩子哪个是父母，那么在一个元素上定义的CSS ID和Classes？

Question

给出如下结构：

<div class="Stargate" id="MGM"> 
   <div class="SG1">
   </div>
   <div id="Atlantis">
   </div> 
</div> 

SG1和亚特兰蒂斯的母公司Stargate或MGM将会是什么？

Answer 1

没有区别，Stargate和MGM都在同一个父div上。但是你会发现MGM是识别div的两种方式的“更好”或“更强”。

“更好/更强”我的意思是id会对CSS / javascript产生影响，例如，在CSS中，id更强。

#MGM .SG1 {
    /* very strong selector */
}

.Stargate .SG1 {
    /* not so strong selector */
}

在javascript中你有

var parentDiv = document.getElementById('MGM');

广泛支持document.getElementById，而相应的document.getElementsByClassName是现代浏览器的新增功能。