如何批量给一列 <li> 标签设置对应的 background-image ？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 2994 天前的主题，其中的信息可能已经有所发展或是发生改变。

比如我有十张图片： image00~09.png

然后又有十个 <li> 标签需要给他对应上那十个图片，一般我的写法就是用好点的文本编辑器直接多行同时编辑

<li style="background-image:url(image00)">


<li style="background-image:url(image01)">
...

<li style="background-image:url(image09)">

但是我觉得这个方法好像比较笨，请问有什么好一点的方法？

6 条回复 • 2016-09-05 16:51:18 +08:00

geeglo

2016-09-05 16:41:38 +08:00

去学 js

swift

2016-09-05 16:44:07 +08:00

难道不是 li[style="background-image:url(image$$)"]*10

swift

2016-09-05 16:45:02 +08:00

一般编辑器都支持 Emmet

lslqtz

2016-09-05 16:46:34 +08:00

jmyz0455

2016-09-05 16:46:54 +08:00

@swift @geeglo 哦哦，原来没办法在 CSS 里解决这个问题，你们说的我都会，谢谢

swift

2016-09-05 16:51:18 +08:00

@jmyz0455 CSS 的话可以上 sass 　 @for $i from 1 to 10 {}