代码:
/* TODO:待补充代码 */
.seat-area {
display: flex;
flex-wrap: wrap;
margin-top: 50px;
}
.seat {
margin-bottom: 10px; //全部座位
margin-right: 10px;
}
.seat:nth-child(4n+2) { //第2列、第6列座位
margin-right: 30px;
}
.seat:nth-child(8n+8) { //最后一列座位
margin-right: 0;
}
.seat:nth-child(n+40) { //最后一行座位
margin-bottom: 0;
}
考察知识点:
外边距:margin
div:nth-child(表达式) odd奇数,even偶数