三、css選擇符越詳細越好嗎？為什么？ 其實這個問題，我想很多前端都不會犯，但是對于新人或者涉足不深的人來說偶爾不經意間還是會寫出來，在說這個前，首先我們應該知道css的查找方式和js的不同，總所周知js查找元素是從上向下的查找，也就是先查找到父級，接著在是子級，而css則相反，它的屬性選者符是從后向前查找的，比如.class .a則是先會遍歷整個dom樹查到類名為a的元素接著在繼續向上查在這個元素的父級上有沒有一個類名為class的元素，因此對于屬性選擇符則是越簡略越好（當然基于模塊化卻不能完全執行這個準則），因為這樣會加快查找速度（無需根據上級類去一一匹配），同時也會方便你的維護和修改，除了性能還能方便維護和修改，因為對于選擇符優先級，越詳細則寫的越深（即層次越多）那當下個元素需重用覆蓋的時候必須要寫比前者更高的優先級層次，那么這樣的模塊越多你的代碼也就疊加的越高，而且對于以后的模塊遷移調整起來更加是場災難；例如要定義div .a 下的 ul 中的所以li的字符大小 .a ul li{font-size:12px;}這樣中的ul是遠遠多余的因為li本身就是不可能單獨存活的，當然如果你a中有ol的話那我更加建議給ol和ul分布加上類去單獨定義；
