CSS中的字符串连接

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

回答：

您无法按照建议的方式进行动态字符串插值，但是如果[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');
}

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

以上是 CSS中的字符串连接 的全部内容， 来源链接： utcz.com/qa/433788.html

回到顶部