我想用CSS选择第一个和最后一个孩子,但是它不起作用。请看看我的小提琴并为我提供帮助:
.area {
height: 100px;
width: 100px;
}
.area:first-child {
background-color: red;
}
.area:last-child {
background-color: green;
}Run Code Online (Sandbox Code Playgroud)
<div class="area">1</div>
<div class="area">2</div>
<div class="area">3</div>
<div class="area">4</div>Run Code Online (Sandbox Code Playgroud)