gpt4 book ai didi

css - CSS 值中的通配符

转载 作者:太空宇宙 更新时间:2023-11-04 14:04:47 24 4
gpt4 key购买 nike

您好,我想知道是否可以在 CSS 中完成类似下面的操作。

------------已编辑------------

#divlink .link1 a {background:url(bluepic_bg.jpg)}
#divlink .link2 a {background:url(orangepic_bg.jpg)}
#divlink .link3 a {background:url(purplepic_bg.jpg)}
  • 悬停调用

    divlink a:hover {background:url(*-2.jpg)}

我希望“悬停调用”实现的是:

#divlink .link1 a {background:url(bluepic_bg-2.jpg)}
#divlink .link2 a {background:url(orangepic_bg-2.jpg)}
#divlink .link3 a {background:url(purplepic_bg-2.jpg)}

谢谢

最佳答案

根据@steveax 的建议,我已经意识到以下解决方案..

  • 创建扩展背景图像并在悬停时重新定位

    divlink .link1 a {width:28px; background:url(bluepic_bg.jpg)}

    divlink .link2 a {width:28px; url(orangepic_bg.jpg)}

    divlink .link3 a {width:28px; url(purplepic_bg.jpg)}

    divlink div[id^="link"] a:hover {background-position: -28px 0}

谢谢

关于css - CSS 值中的通配符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21214141/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com