css - CSS中价格等级后的货币符号

Question

我正在使用 Wordpress 第 3 方主题，它限制了我，因为对于定制我需要(猜猜是什么)支付更多......即使是像这样的小东西......

我有这个类(class)，它在价格“1000 €”后显示“€”货币符号但我的价格范围是这样的:1000 - 2000 €

我怎样才能把货币符号放在 1000 之后，所以它看起来像这样 (1000 € - 2000 €) ??

HTML 代码:

<span class="post-rice"><span class="text">Prices:</span>6000 - 7000</span>

此刻我使用这个 CSS 代码:

.post-rice:after{content:"€";}
.post-rice:before{content:"€";}

但是使用这些 CSS 代码，我得到的价格是这样的:( € 1000 - 2000 € ) ... :before 方法不正确。你能给我一个建议吗？

Answer 1

这可能是您正在寻找的东西。现在 HTML 将您的跨度解释为一个文本 block ，因此 :before 选择器会将内容放在整个文本 block 的前面。

HTML

<span class="post-rice">
  <span class="text">Prices:</span>
  <span class="price">6000</span> - <span class="price">7000</span>
</span>

CSS

.price::after {
  content: "€" // alternatively use "content: €" 
}