css - 如果 css 没有数组，我如何组织许多类似的条目？

Question

抱歉问题措辞。它一直提示它受到影响并将被删除。

我将有数百个这样的条目:

span#CNQM {
    background: url(../../../../images/icons/sfc_CNQM.png) no-repeat top left;
}
span#HKBAM {
    background: url(../../../../images/icons/sfc_HKBAM.png) no-repeat top left;
}
span#SWBAM {
    background: url(../../../../images/icons/sfc_SWBAM.png) no-repeat top left;
}
span#DEAM2 {
    background: url(../../../../images/icons/sfc_DEAM2.png) no-repeat top left;
}
span#SFCQM1 {
    background: url(../../../../images/icons/sfc_SFCQM1.png) no-repeat top left;
}
span#SFCQM2 {
    background: url(../../../../images/icons/sfc_SFCQM2.png) no-repeat top left;
}
span#SFCQM3 {
    background: url(../../../../images/icons/sfc_SFCQM3.png) no-repeat top left;
}

它变得有点笨拙。

在 CSS 中有没有更好的方法来处理这个问题而不是维护一个大型列表？在脚本语言中，我会创建一个数组(CNQM、HKBAM、SWBAM 等)并循环遍历它们。

我完全同意“它就是这样”的答案，但如果有更好的方法，我会洗耳恭听。谢谢。

Answer 1

据我所知，您无法在 CSS 中解决此问题。这就是为什么 LESS和 SASS被发明。使用其中之一。