Question

我对CSS有疑问我有一个字符串ex：R $ 3,055.00并且想知道我如何得到单词的“R $”并且让字体小于其他单词。

我在PHP中使用此函数返回产品的值：

  <?php echo $this->getPriceHtml($_product, true) ?>

现在我正在使用此代码::

使用她的CSS工作

.regular-price .price {
    color: #0075BD !important;
    font-size: 30px !important;
    font-weight: bold !important;
}
.price::before{

    content: 'R$';
    font-size: 0.7em;

}

Answer 1

正如其他答案所指出的那样，您需要将该字符串放入元素中以便使用CSS进行定位。假设R$纯粹是表示性的，那么我建议使用::before伪元素来放置R$文本并对其进行适当的样式设置：

＆＃13;

span.price::before {
  content: 'R$';
  font-size: 0.7em;
}

＆＃13;

<span class="price">3,055.00</span>

＆＃13;

根据更新后的问题，我建议（使用上面的CSS HTML）：

<?php echo '<span class="price">' . str_replace('R$', '', $this->getPriceHtml($_product, true)) . '</span>'; ?>
// 'R$': the string we're looking to replace, the 'needle';
// '': the string we're looking to replace with;
// $this->getPriceHtml($_product, true): the string we're looking in,
// the 'haystack'

参考文献：

CSS：
PHP：
- str_replace()。

Answer 2

您必须像这样更改html标记

<p class='price'><span>R$</span>3,055.00</p>

然后你可以这样设计风格：

.price{
   //Price style here
}
.price span{
  // Intro styles here like :
  font-size: 75%;
}

希望能提供帮助

Answer 3

使用例如。 small为此。

<style>
#price {font-size: 12px;}
#price small {font-size: 10px;}
</style>

<p id="price">
    <small>R$</small>3,055.00
</p>

将文本大小更改为结果字符串PHP函数

3 个答案: