jQuery/DataTables：如何更改分页颜色

我正在使用jQuery DataTables插件（版本1.9.4），希望更改分页的颜色

有了CSS，我可以更改它们的背景色，但我找不到一种方法来更改锚定标记的字体颜色和字体悬停颜色。我想将下面所有锚定标记的字体颜色和悬停字体颜色都更改为白色（#FFFFFF）

分页代码如下所示：

<div id="myTable_paginate" class="dataTables_paginate paging_full_numbers">
    <a id="myTable_first" class="first paginate_button paginate_button_disabled" tabindex="0">First</a>
    <a id="myTable_previous" class="previous paginate_button paginate_button_disabled" tabindex="0">Previous</a>
    <span>
        <a class="paginate_active" tabindex="0">1</a>
        <a class="paginate_button" tabindex="0">2</a>
    </span>
    <a id="myTable_next" class="next paginate_button" tabindex="0">Next</a>
    <a id="myTable_last" class="last paginate_button" tabindex="0">Last</a>
</div>

弗斯特
以前的
1.
2.
下一个
最后

---

谢谢你的帮助，蒂姆。

也许你错过了

！重要

声明？在这种情况下，这确实很重要

.paging\u full\u编号a.paginate\u按钮{
颜色：#fff！重要；
}
.pagine_full_number a.paginate_active{
颜色：#fff！重要；
}

另一个答案是：

---

在经历了一段时间的混乱之后，这就是我的工作

    .page-item.active .page-link {
        color: #fff !important;
        background-color: #000 !important;
        border-color: #000 !important; 
    }

    .page-link {
        color: #000 !important;
        background-color: #fff !important;
        border: 1px solid #dee2e6 !important; 
    }

    .page-link:hover {
        color: #fff !important;
        background-color: #000 !important;
        border-color: #000 !important; 
    }

---

检查浏览器控制台中的每个元素，可以查看应用的所有规则并对其进行实时编辑。找到有用的并复制到文件谢谢-我该怎么做？太棒了-我从来没有想到这一点，它是有效的。非常感谢！：）

    .page-item.active .page-link {
        color: #fff !important;
        background-color: #000 !important;
        border-color: #000 !important; 
    }

    .page-link {
        color: #000 !important;
        background-color: #fff !important;
        border: 1px solid #dee2e6 !important; 
    }

    .page-link:hover {
        color: #fff !important;
        background-color: #000 !important;
        border-color: #000 !important; 
    }