html - css 为不同的 html 元素设置具有图像的内容大小

Question

我正在从事电子商务设计，我使用以下 CSS 类来显示 Rs。产品价格前的货币。

 .rupes:before {
        content: 'Rs.';
    } 

现在我的要求变了，我必须更换 Rs。带有 Rs 符号，所以我使用了以下 css:

.rupes:before {
    content: url(img/rupeess.png);
}

现在我的问题是，我必须更改 Rs 符号的大小，作为价格的宽度。
由于在整个网站上使用类卢比 在某些页面上，Rs 符号非常小，而在某些页面上它非常大。
那么，有没有办法使用相同的类，但继承大小，即 Rs 符号的价格宽度。 提前致谢

Answer 1

另一个选项是您可以使用自 Windows XP 以来大多数默认字体中应使用的卢比字符而不是图像。这将减少您站点的资源，并且始终可以很好地扩展...

.rupes::before{
    font-family: Arial;
    content:"\20b9";
}

http://jsfiddle.net/nqadgqgy/1