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;