css - 使用 CSS 将页面中的文本替换为图像

Question

有没有办法（使用 CSS）根据特定 div 类的跨度中的文本替换图像。

例如，在下面的跨度中，值为 5KG。我想用图标替换它。

HTML

<div class="brand-amenity-value economy YV" style="height: 70px;"><span class="amenity-value"><span>5KG</span></span></div>

图标链接 https://dxbooking.etihad.com/dx/EYDX/4.5.60-148.MMCOPY4.5.60-147/fonts/excess_baggage_5kg.svg