对于::after为元素的样式调整

ul:

1. position: relative;
2. padding-right: 0.5rem;

li::after:

1. display: block; */

2. content: '';

3. float: right;

4. border: 2px solid #191F39;

5. border-top: 0;

6. border-left: 0;

7. width: 6px;

8. height: 6px;

9. transform: rotate( -45deg

   );

10. -webkit-transform: rotate( -45deg

    );

11. -moz-transform: rotate(-45deg);

12. -ms-transform: rotate(-45deg);

13. -o-transform: rotate(-45deg);

14. margin-top: .1333333333rem;

15. content: '';

16. position: absolute;

17. right: 0;

18. /* top: 50%; */

19. /* transform: translateY(-50%);

        float: right;
        border: 2px solid #191F39;
        border-top: 0;
        border-left: 0;
        width: 6px;
        height: 6px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        margin-top: .1333333333rem;
        content: '';
        position: absolute;
        right: 0;
        /* top: 50%; */
        /* transform: translateY(-50%);

![](https://i-blog.csdnimg.cn/direct/df9c921cd390482ab1a7cf82ba907b4b.png)