css - 这行在 CSS 中是什么意思？

Question

这行在 CSS 中是什么意思？

#ffffff url(https://cloud.githubusercontent.com/assets/1830348/15354890/1442159a-1cf0-11e6-92b1-b861dadf1750.jpg) no-repeat center center / cover

我正在努力解决这个问题。在 W3S它说明了有关结构的以下内容，但我似乎看不到“/”是什么以及其他属性如何匹配此结构。

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

Answer 1

这一行

background: #ffffff url(...) no-repeat center center / cover;

实际上是以下的简写版本:

background-color: #ffffff;
background-image: url(...);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;

/ 是有效的 CSS，参见 formal syntax on MDN .