Question

我使用tumblr CSS并且我希望某些符号（如/（斜杠）始终以粗体显示，即使主文本不是。我知道我可以使用<b>/</b>，但我想知道是否还有其他办法。

例如，我知道如何格式化所有<small>文字以粗体显示：

small { 
  font-weight: bold;
}

我想使用相同的方法自动将/转换为粗体。

Answer 1

CSS无法检测内容，它只能设置样式元素。

您可以使用JS来检测单词或字符，并将它们放在元素中并加粗。

Answer 2

您可以使用replace() jQuery。

Stack Snippet

var str = $("div").html().replace(/\//g, "<b>/</b>");
//console.log(str)
$("div").html(str).wrapInner("<pre></pre>");

b {
  font-weight: bold;
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sodales nisl nec sapien aliquet, a commodo justo tincidunt.
    b {
      font-weight: bold;
      color: red;
      background: url(http://via.placeholder.com/350x150);
    }
</div>

如何使某些文字始终显示为粗体？

2 个答案: