关于CSS有什么问题？

Question

我是CSS的新手。看看图片：
http://i.stack.imgur.com/Y9X6K.jpg

为什么右边的img{border:2px,solid,red;}是直通的，而在浏览器中，图片没有边框。

任何人都可以告诉我原因吗？

Answer 1

删除逗号，因为您的css语句不正确，因此检查器中出现警告：

img{border:2px solid red;}

Answer 2

通过开发人员工具（例如chrome）中的css规则进行攻击意味着未应用规则。在你的情况下，这是因为你的CSS无效，不应该有逗号，即

img { border:2px,solid,red; } /* invalid css */ 

img { border: solid 1px red; } /* valid css */

这扩展到所有速记css规则，即

p { margin: 0 10px 0 10px; }

它也可能意味着它被覆盖在其他地方你可以在声明结尾使用!important来强制风格，即

img { background: red !important; }

Answer 3

只需删除这些逗号，然后按照这样制作你的CSS

img {
  border:2px solid red;
}

多个逗号用于定义多类css。有关更多信息，请查看此link