V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
jmyz0455
V2EX  ›  CSS

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

  •  
  •   jmyz0455 · Sep 5, 2016 · 3199 views
    This topic created in 3526 days ago, the information mentioned may be changed or developed.

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

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

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

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

    ...

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

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

    6 replies    2016-09-05 16:51:18 +08:00
    geeglo
        1
    geeglo  
       Sep 5, 2016
    去学 js
    swift
        2
    swift  
       Sep 5, 2016
    难道不是 li[style="background-image:url(image$$)"]*10
    swift
        3
    swift  
       Sep 5, 2016
    一般编辑器都支持 Emmet
    lslqtz
        4
    lslqtz  
       Sep 5, 2016
    <style>
    li {
    background-image:url(image09);
    }
    </style>
    全部 li 的情况下,部分的话应该是动态输出的啊。。
    如果是部分,就把这玩意设置成按 id 或者 class 啊。。
    jmyz0455
        5
    jmyz0455  
    OP
       Sep 5, 2016
    @swift @geeglo 哦哦,原来没办法在 CSS 里解决这个问题,你们说的我都会,谢谢
    swift
        6
    swift  
       Sep 5, 2016
    @jmyz0455 CSS 的话可以上 sass   @for $i from 1 to 10 {}
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2496 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 03:14 · PVG 11:14 · LAX 20:14 · JFK 23:14
    ♥ Do have faith in what you're doing.