如何覆盖引导程序元素的默认内容？

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

就是这样。