css选择器及优先级

1. 后代选择器
   div p ：选择div元素里面的所有p元素

2. 子选择器
   div > p : 选择父元素为div的所有p元素

3. 同胞选择器
   div + p : 选择所有紧跟在div之后的p元素

4. 组选择器
   div,p : 选择所有的div和p元素

5. 共同选择器
   div.name : 选择所有类名为name的div元素。即同时满足
   此外还有id选择器#id，伪类选择器div:hover，类选择器.name,属性选择器[attribute] [attribute=name]。
   :hover 可以选择所有指针位于其上的元素

6. 选择器权重及优先级
   优先级：!important > 行内样式 > id > 类选择器 ， 属性选择器 ， 伪类选择器> 元素(伪元素，标签)选择器 > 通配符
   同等级的根据选择器数量来计算权重。权重相同的样式，页内样式大于外联样式，如果同时处于页内或者外联时，先加载的会被后加载的覆盖。
   先比较元素优先级，相同时比较权重，权重相同时看位置（是页内样式还是外联样式），位置相同时看加载先后顺序。
   题目：
   
   问a的颜色是什么？如果去掉#box a 呢？