laravelカスタムページ区切りオーバーライドはアクティブクラスでは機能しません

Question

laravelページネーション用にcustom cssを作成しました。アクティブなクラス以外はすべてうまく動作します。クラスのアクティブな背景色をオレンジ色に変更したいと思います。ここで

は私のcssである。ここ

.div_blogspage_pag>ul>li>a{ 
    color: #cc6633; 
    border-color: #cc6633; 
} 
.active:active{ 
    background-color: #cc6633; !important; 
} 
.div_blogspage_pag>ul>li.active>a,.div_blogspage_pag>ul>li.active>a:hover{ 
    background-color: #cc6633; 
    color: white; 
    border-color: #cc6633; 
} 
.div_blogspage_pag>ul>li:hover>a{ 
    color: white; 
    border-color: #cc6633; 
    background-color: #cc6633; 
} 

laravelブレード

<div class="div_blogspage_pag"> 
    {{$articles->links()}} 
</div> 

は、出力がすべてですあなたはそれを試すことができ、アクティブクラス以外

enter image description here

Answer 1

結構です。

.pagination>li>a, .pagination>li>span { 
    color: #6db91c; 
    border: 1px solid #000; 
} 

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { 
    color: #fff; 
    background-color: #6db91c; 
    border-color: #6db91c 
} 

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { 
    z-index: 2; 
    color: #fff; 
    background-color: #6db91c; 
    border-color: #6db91c 
} 

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { 
    color: #000; background-color: #fff; border-color: #000; cursor: not-allowed 
}