How do I get rid of pseudo-classes on the last line of css?

clipboard.png

the layout of a list, but the last one obviously has a border, and I don"t want it to appear. What should I do?

.list{
    margin-top: 10px;
    li{
        display: flex;
        justify-content: space-between;
        position: relative;
        padding: 12px 15px;
        background-color: -sharpfff;
        .right{
            font-size: 13px;
            color: -sharp999;
        }
    }
    li:after{
        content: "";
        position: absolute;
        left: 15px;
        right: 0;
        bottom: 0;
        border-bottom: 1px solid -sharpeee;
    }
}
Nov.12,2021

li:last-child:after {
content:'';
border-bottom: 0;
}


li:not (last-child): after

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e51887-436f0.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e51887-436f0.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?