css背景属性简写定义如下:
background: color position/size repeat origin clip attachment image|initial|inherit;
但后来我发现了以下示例:
body {
background: #00ff00 url('smiley.gif') no-repeat fixed center;
}
所以这里的顺序是:color-image-repeat-attachment-position
有什么理由可以改变这个顺序吗？
最佳答案
速记属性尽量不强制属性值的特定顺序，但是当这些属性具有不同类型的值时这种方法很有效，但当这些属性可以具有相同的值时效果不佳。
背景速记属性具有不同类型的值，因此值的顺序不应导致错误，但是您应该坚持标准顺序以保持良好的可读性。
这是来自 mozilla 开发中心的关于速记属性的手册，我引用的关于顺序的声明可以在第 3 点的“棘手的边缘案例”下看到。
https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties
关于css - 了解 css 背景速记属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25563068/