关于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; }