CSS如何匹配最后一个元素 :last-child

CSS如何匹配最后一个元素

在使用CSS设置页面样式时，如何设置最后一个标签显示的效果和其他标签不一样呢？
在这里插入图片描述

<html>
<head>
  <style>
    .menu {
      padding: 10px;
      background-color: aliceblue;
    }
    .menu:last-child {
      background-color: #FFCCCC;
    }
  </style>
</head>
<body>
  <div class="menu">菜单1</div>
  <div class="menu">菜单2</div>
  <div class="menu">菜单3</div>
  <div class="menu">菜单4</div>
  <div class="menu">菜单5</div>
</body>
</html>
版权声明：本文为hnyanzijun1原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。