假设下面样式都作用于同一个节点元素`span`，判断下面哪个样式会生效

body#god div.dad span.son {
  width: 200px;
}
body#god span#test {
  width: 250px;
}

本题考察css的样式优先级权重，大家需要记住：

当两个权值进行比较的时候，是从高到低逐级将等级位上的权重值（如 权值 1,0,0,0 对应—> 第一等级权重值，第二等级权重值，第三等级权重值，第四等级权重值）来进行比较的，而不是简单的 1000个数 + 100个数 + 10个数 + 1个数 的总和来进行比较的，换句话说，低等级的选择器，个数再多也不会越等级超过高等级的选择器的优先级的。

所以本题的分析思路是：

• 先比较高权重位，即第一个样式的高权重为 #god = 100
• 第二个样式的高权重为 #god + #text = 200
• 100 < 200
• 所以最终计算结果是取 width: 250px;
• 若两个样式的高权重数量一样的话，则需要比较下一较高权重！

答案是 width: 250px;