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*/
}

就是这样。