这条线在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,请参阅MDN上的正式语法.