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

2016-09-05 16:39:41 +08:00
 jmyz0455

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

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

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

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

...

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

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

2838 次点击
所在节点    CSS
6 条回复
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
<style>
li {
background-image:url(image09);
}
</style>
全部 li 的情况下,部分的话应该是动态输出的啊。。
如果是部分,就把这玩意设置成按 id 或者 class 啊。。
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 {}

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/304075

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX