jquery - 如何覆盖引导元素的默认内容？

Question

我有来自 Bootstrap 的以下元素：

<li class="VuePagination__pagination-item page-item  VuePagination__pagination-item-prev-chunk disabled">
  <a href="javascript:void(0);" disabled="disabled" class="page-link">&lt;&lt;</a>
</li>

我想把这个放在链接中：

font-family: "Ionicons";
font-weight: bold;
content: "\F3D1";

如何使用 CSS 或 JQuery 实现这一点？

Answer 1

在你的 CSS 中添加这个

.page-item a:after {
  font-family: "Ionicons";
  font-weight: bold;
  content: "\F3D1";
  margin-left: 10px;
  display: inline-block; /*remove if not needed*/
}

而已。