如何选中一个class标记的最后一个class元素

发布于
2019-03-03

新手上路，请多包涵

比如下面这个例子，我要选中第5个，让第5个背景变成红色，该怎么选。last-child各种方法都试了都没用

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ds</title>
    <style>
        
        li{
            background-color: yellow;
            width:500px;
            height:30px;
            margin:10px;
        }
        .aa{
            background-color: aquamarine;
        }
        .aa:last-child{
            background-color: red;
        }
    </style>
</head>
<body>
    <ul>
        <li class="aa">1</li>
        <li class="aa">2</li>
        <li class="aa">3</li>
        <li class="aa">4</li>
        <li class="aa">5</li>
        <li>6</li>
        <li>7</li>
    </ul>
</body>
</html>

图片描述