小编典典

CSS中的字符串连接

css

我想在CSS中实现以下目标。我该如何在IE8 +中运行

url('../img/icons/' + attr('type') + '_10.png')

阅读 1431

收藏
2020-05-16

共1个答案

小编典典

您无法按照建议的方式进行动态字符串插值,但是如果[type]属性的可能值数量有限,则可以为每个属性创建样式:

.your .selector[type="foo"] {
    background-image: url('../img/icons/foo_10.png');
}
.your .selector[type="bar"] {
    background-image: url('../img/icons/bar_10.png');
}
.your .selector[type="baz"] {
    background-image: url('../img/icons/baz_10.png');
}

如果类型数量不合理,那么您可能需要提出一个比我这里列出的更好的解决方案。

2020-05-16