css - 是否可以在 CSS 中使用字符串宏？

Question

我网站的一部分使用了一个国家的国旗作为列表元素的图标。

例如，我有:

<ul>
  <li id="at">Austria</li>
  <li id="de">Germany</li>
</ul>

附带的 CSS 如下所示:

#at {
  list-style-image: url('at.png');
}
#de {
  list-style-image: url('de.png');
}

是否可以用宏替换它，这样我就不需要为每个国家/地区重新定义 CSS？像 C 风格的宏这样的东西会很棒，但我不确定 CSS 是否支持这种东西。

即

#_country {
  list-style_image: url('_country.png');
}

Answer 1

CSS 本身不会这样做，但您始终可以从 PHP 脚本或类似脚本提供 CSS，在服务器端进行宏处理以从国家/地区列表生成单独的规则。