background+_这种写法是什么?应该怎么用

来源:3-4 LESS样式-header模块样式(2)

慕函数3468989

2018-11-09 11:01:32

background+_: url(../imgs/logo.png) ;

.cover-background();

margin: 12px 25px;

height: @standard-height;

这种写法是什么,可以具体说一下应该怎么用吗?谢谢


写回答

1回答

好帮手慕星星

2018-11-09

1、background+是拼接的作用,之前使用background设置的样式与现在的图片地址进行拼接,而不是覆盖的作用。默认值用逗号隔开,但是background属性值中间使用空格隔开的,所以使用_,代表空格。如下:

http://img.mukewang.com/climg/5be501eb0001a01605610122.jpg

http://img.mukewang.com/climg/5be502010001b7b906060064.jpg

编译的css样式为:

http://img.mukewang.com/climg/5be502140001766207380040.jpg

2、@standard-height是之前定义的变量,如下:

http://img.mukewang.com/climg/5be5026000011c8e03670039.jpg

需要的时候直接使用即可:

http://img.mukewang.com/climg/5be5028c00017c5004030036.jpg

编译的css样式为:

http://img.mukewang.com/climg/5be502b300014f3d02020041.jpg

自己可以测试下,祝学习愉快!

0

0 学习 · 5012 问题

查看课程