Как сохранить пользовательский css во внешнем css файле для JqGrid

Question

Я работаю над jqGrid. Я попытался применить какой-то собственный стиль на пейджере jqGrid, и он работает нормально, когда я помещаю их в тег стиля html. Что-то вроде приведенного ниже.

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

Но, когда я храню их внешне в файле. css, это не работает. Я создал файл customPager. css, в котором я сохранил весь код css для пейджера и использовал путь к файлу css в ссылке на файл html. Может кто-нибудь сказать мне, где я не прав и как сохранить пользовательский css во внешнем файле для JqGrid?

Answer 1

Встроенные стили или теги <style> в документе автоматически переопределяют внешние правила стиля.

Однако, чтобы переопределить стиль во внешней таблице стилей, вам нужно придать правилу, которое вы определяете в своей собственной таблице стилей, более высокую специфичность. Вы можете сделать это, включив родительские элементы в селектор. Например:

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

Также обратите внимание, что по этой причине следует избегать правила !important.