问答详情
源自:8-7 这么快就当爷爷了? - 后代选择器

“胆小如鼠”红框问题

http://img.mukewang.com/554ec11a0001585503370042.jpg

这一行这样写,“胆小如鼠”是不会被红框框起来的;

http://img.mukewang.com/554ec15b0001abc802910028.jpg

改成这个样的话,就能成功被框起来了。

有懂的人能解释一下为什么吗?谢谢啦!

提问者:Luther_Alice 2015-05-10 10:25

个回答

  • Alyssa_Lee
    2015-05-11 14:35:39

    楼上不对,W3C规范中border是有缩写属性的

    span{
      border-width: 2px;
      border-style: solid;
      border-color: black;
      }

    就可以写成

    span{border:2px solid red;}


  • Perona
    2015-05-10 13:03:41

    border 简写属性在一个声明设置所有的边框属性。

    可以按顺序设置如下属性:border-width | border-style | border-color

    所以写成是border:2px solid color:red;是不可以的。

    一、border简写形式没这个color这个属性。

    二、属性值里面不可以再写声明。每条声明应该用分号间隔开。

    border:2px solid color:red;应该写成:

    .first span{border:2px solid;border-color:red;}