html - 重构特殊的 HTML 字符

<li class="retro-font">Newsletters&nbsp;&loz;&nbsp;</li>

我将上面的代码设计为在每个部分之后创建一个空格和一个菱形。这是复古外观风格的选择。我不想在每个元素之后都重复 ◊ 。有没有办法将其提取到方法或类或其他东西中？

最佳答案

当然，您可以在每个.retro-font 元素之后添加一个伪元素，其中包含菱形ASCII。代码。

.retro-font:after {
  content: "\25ca";
  display: inline-block;
  margin-left: 4px;
}

<ul>
  <li class="retro-font">Newsletters</li>
  <li class="retro-font">Oldletters</li>
</ul>

关于html - 重构特殊的 HTML 字符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59201109/