vue想改变element分页样式

Question

我想要把左边靠左 右边pager靠右

.el-pagination .btn-next {
    background: center center no-repeat #fff;
    background-size: 16px;
    cursor: pointer;
    
    color: #103133;
   float:right;
   
    
}
.el-pagination .btn-prev {
    background: center center no-repeat #fff;
    background-size: 16px;
    cursor: pointer;
    
    color: #103133;
     float:right;
   
}
.el-pager, .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev {
    padding: 0;
    float: right;
}
    

这样写的话 我两个箭头方向就反了

有没有什么 全部float到右边 但是不改变这个顺序的 因为我改不了源码

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

不用这么麻烦吧，用text-align:right;结合float:left;就能将解决。

https://jsfiddle.net/9gohn21k/2/