6回答

• 

  ChazVi

  2016-07-01 22:04:29

  已采纳

  span是继承的父元素.first的颜色属性，继承的权值很低，可以认为只有0.1，p span权值是2，当然显示后者内容。

  底下注意里有讲到：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。

  1 3

  bossss...

  非常感谢！

  2016-07-01 22:17:34

  共 1 条回复 >

• 

  qq_人生是一场修行_03188787

  2016-07-12 21:55:09

  p{color:red;}

  /*权值为1,隐藏了span的继承权值为0.1，作用对象：胆小如鼠

  1.p作用对象为第一段和第二段*/

  .first{color:green;}/*因为权值=10，显示为绿色*/

  1.作用对象是第一段

  span{color:pink;}/*设置为粉色，作用对象：胆小如鼠，权值为1*/

  现在探讨结果：

  第一段：1.span使用了两种样式，选择权值大的，所以，胆小如鼠的颜色为绿色

               2.  第一段使用了p{color:red;}和.first{color:green;}两种样式，选择权值大的，所以文字颜色为绿色

  第二段：使用p{color:red;}一种样式，所以文字颜色为红色

  
  

  一开始我也很困惑，应该如何区分，但是，只要抓住了对于同一个（或一组）元素设置了不同的CSS样式代码，区别那个元素用了哪几种样式才是关键。这是我的理解。

  
  

  0 0
• 

  qq_Catherina_0

  2016-07-01 22:07:43

  根据优先级，p span是层叠，而没有

  0 0
• 

  qq_湛蓝色的天空_0

  2016-07-01 22:05:45

  我觉得是要看针对的目标，.first针对的目标整个<p>，但是p span针对的只是<span>这一块的，所以才会显示p span中的样式，如果.first和p span都针对<span>这一块，那才会显示.first的

  1 0

  qq_湛蓝色...

  我理解错了，楼上正解~

  2016-07-01 22:08:30

  共 1 条回复 >

• 

  眼泪都在笑我傻

  2016-07-01 22:02:14

  你看错了，显示的是权值高的内容，不会是权值低的

  0 0
• 

  凝冬

  2016-07-01 22:01:46

  就近原则吧。

  1 1

  慕村6195...

  不是就近原则，我把p span{color:purple;}分别输到第11行，第9行和第8行试过了，显示的都是紫色，最佳答案应该的理解应该没错。

  2016-07-10 20:06:20

  共 1 条回复 >