как стилизовать пагинацию?

[Serebos]

Всем привет.

Создал пагинацию страниц.
Для стилизации добавил эти строки в контроллер codeigniter

//pagination bootstrap
        $p_config['full_tag_open'] = "<ul class='pagination'>";
        $p_config['full_tag_close'] ="</ul>";
        $p_config['num_tag_open'] = '<li>';
        $p_config['num_tag_close'] = '</li>';
        $p_config['cur_tag_open'] = "<li class='disabled'><li class='active'><a href='#'>";
        $p_config['cur_tag_close'] = "<span class='sr-only'></span></a></li>";
        $p_config['next_tag_open'] = "<li>";
        $p_config['next_tagl_close'] = "</li>";
        $p_config['prev_tag_open'] = "<li>";
        $p_config['prev_tagl_close'] = "</li>";
        $p_config['first_tag_open'] = "<li>";
        $p_config['first_tagl_close'] = "</li>";
        $p_config['last_tag_open'] = "<li>";
        $p_config['last_tagl_close'] = "</li>";

Вид стал стилизован

Пытался повлиять на цвет через стили CSS

.pagination > li > a
{
background-color: white;
color: purple;
}



.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
color: purple;
background-color: #eee;
border-color: #ddd;
}



.pagination > .active > a
{
color: white;
background-color: purple;
border: solid 1px purple;
}



.pagination > .active > a:hover
{
background-color: purple;
border: solid 1px purple;
}

Дописывал !important. Никак не реагирует.

Как можно изменить синий цвет подсветки актив и цвет текста?

Спасибо.

 

[grigori]

код на php, который выше, не связан с кодом стилей, который ниже

 

[Serebos]

спасибо, grigori.

Добавил пагинацию, вид получился таким вот

Тогда добавил в контроллер вышеуказанный код и вид изменился на следующий

Вариант стилизация нашел в нете.

Если вы понимаете, подскажите, пожалуйста, как необходимо задать стилизацию фона подсветки и цвета шрифта?

 

[Serebos]

в панели разработчика отображается два подключенных файла: мои стили и бутсраповские. Поищу в бутстраповких!

 

[weregod]

консоль в браузере вроде бы умеет указывать источник стиля

 

[Serebos]

Всем спасибо за обсуждение! Нашел через панель разработчика бутсраповские стили

.pagination>.active>a, 
.pagination>.active>a:focus,
 .pagination>.active>a:hover, 
.pagination>.active>span,
 .pagination>.active>span:focus, 
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #b7339d;
    border-color: #337ab7;

Теперь уж смогу задать свой класс и присвоить необходимые стили!