Html 我的分页当前页码不可见

我对分页的样式有问题。 我有html代码：

<nav class="mo-pagination mo-pagination-numeric"><span aria-current="page" class="page-numbers current">1</span>
<a class="page-numbers" href="#">2</a>
<a class="next page-numbers" href="#"><i class="fa fa-long-arrow-right"></i></a></nav>

像这样的东西

.mo-pagination.mo-pagination-numeric.current、.mo pagination.page number.current:：before{
内容：“；
位置：相对位置；
排名：0；
左：0；
右：0；
底部：0；
边界半径：5px；
填充：2px；
背景：线性梯度（115度，rgba（215,8102,1）0%，rgba（95,70150,1）50%，rgba（44187238,1））；
-webkit掩码：线性渐变（#fff 0）内容框，线性渐变（#fff 0 0）；
}
.mo-pagination.mo-pagination-numeric.current、.mo-pagination.page-numbers.current{
边界：没有！重要；
}
.mo分页>跨度{
颜色：#fff；
}
.mo分页>a{
边界：无；
颜色：#000；
背景色：透明；
}

1.

可能会更改颜色：#000 in.mo pagination>a、.mo pagination>span或一些较暗的颜色，最好使用inspect元素查看到底发生了什么。祝你好运。你最好发布一个函数代码示例，而不是一个没有实际显示问题的部分代码片段。你的html与css不匹配..我粘贴了更多的html编码颜色不起作用，可能在代码出现后隐藏了元素：这不起作用。mo分页>span{color:#fff；}