CSS 出了什么问题？

Question

我是 CSS 新手。看图片：
https://i.sstatic.net/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。有关详细信息，请检查此 链接