如何在JqGrid的外部css文件中存储自定义css。

Question

我正在使用jqGrid。我试着在jqGrid分页器上应用一些自定义样式，当我把它们放在html的样式标签中时，它工作得很好。就像下面给出的那样。

<style>
.ui-paging-pager {
        background-color: white !important;
}
</style>

但是，当我把它们存储在外部的.css文件中时，它就不能工作了。我已经创建了customPager.css文件，其中我已经存储了所有的css代码，并在html文件链接中使用了css文件的路径。谁能告诉我，我哪里错了，如何在JqGrid的外部文件中存储自定义css？

Answer 1

内联样式或那些在 <style> 标签将自动覆盖外部定义的样式规则。

然而，如果要覆盖外部样式表中的样式，你需要给你自己的样式表中定义的规则一个更高的特殊性。你可以通过在选择器中加入父元素来实现。例如，你可以在选择器中包含父元素。

#container .foo > .bar .ui-paging-pager {
  background-color: white;
}

还需要注意的是 !important 为此，应避免使用该规则。