欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css 简写属性 数据冲突怎么办?_html/css_WEB-ITnose

程序员文章站 2022-04-07 20:16:40
...
比如 利用background简写属性,其中可以写-size -position 那么就出现了两个可以用px表示的值,那么我应该如何处理呢?它是怎么识别我的顺序的。好困惑。。。。


回复讨论(解决方案)

要按规定的顺序写
语法如下
background:[ , ]*

= [ background-image ] || [ background-position ] [ / background-size ]? || [ background-repeat ] || [ background-attachment ] || [ [ background-origin ] || [ background-clip ] ]{1,2}

= [ background-color ] || [ background-image ] || [ background-position ] [ / background-size ]? || [ background-repeat ] || [ background-attachment ] || [ [ background-origin ] || [ background-clip ] ]{1,2}

就是background-position / background-size
background-position要写在 / 的前面
background-size要写在 / 的后面

如果只有background-position 就不写 /
要写background-size 就必须写background-position

太谢谢了~涨姿势啦