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>