如果有孩子，哪一個是父母，那麼在一個元素上定義了CSS ID和Classes？

Question

考慮如下的結構：

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

會有什麼SG1的亞特蘭蒂斯父星際之門或米高梅？

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支持的是一個相對較新的現代瀏覽器。