各位好，最近在 udemy 初学 CSS，想请求前辈指点一二
这是我练习打的码
http://jsbin.com/robupe/1/edit?html,output
1. 请问关于阶层问题，
为何 background-color: #eee; 要放在 #bar li，不能放在 #bar 或者 #bar ul 内呢？
2. 同样地，
为何 margin: 0; 要放在 #bar ul 内，不能放在 #bar 或者 #bar li 内呢？
3. 究竟该怎么看待这样的阶层与属性的关系？目前找不到逻辑，只知道试三次总会成功
，但想找个可寻之法。（感觉需要经验去累积？Orz）
先谢谢各位前辈了！