V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
jmyz0455
V2EX  ›  CSS

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

  •  
  •   jmyz0455 · 2016-09-05 16:39:41 +08:00 · 2846 次点击
    这是一个创建于 3012 天前的主题,其中的信息可能已经有所发展或是发生改变。

    比如我有十张图片: 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
        1
    geeglo  
       2016-09-05 16:41:38 +08:00
    去学 js
    swift
        2
    swift  
       2016-09-05 16:44:07 +08:00
    难道不是 li[style="background-image:url(image$$)"]*10
    swift
        3
    swift  
       2016-09-05 16:45:02 +08:00
    一般编辑器都支持 Emmet
    lslqtz
        4
    lslqtz  
       2016-09-05 16:46:34 +08:00
    <style>
    li {
    background-image:url(image09);
    }
    </style>
    全部 li 的情况下,部分的话应该是动态输出的啊。。
    如果是部分,就把这玩意设置成按 id 或者 class 啊。。
    jmyz0455
        5
    jmyz0455  
    OP
       2016-09-05 16:46:54 +08:00
    @swift @geeglo 哦哦,原来没办法在 CSS 里解决这个问题,你们说的我都会,谢谢
    swift
        6
    swift  
       2016-09-05 16:51:18 +08:00
    @jmyz0455 CSS 的话可以上 sass   @for $i from 1 to 10 {}
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5284 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 09:31 · PVG 17:31 · LAX 01:31 · JFK 04:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.