CSS面試題是技術面試中非常重要的一部分，我們經常會被問到一些基本的CSS知識，例如層疊優先級、盒模型等等。今天，我們想要向大家介紹一個非常有趣的CSS面試題，那就是“有個空軍”。

這個問題的具體描述是這樣的：假設你有一只“空軍”，它由下面四個元素組成：

<div class="airforce">
<div class="airplane"></div>
<div class="airplane"></div>
<div class="airplane"></div>
<div class="airplane"></div>
</div>

其中，空軍外面的div元素有一個類名為“airforce”，它的內部有四個類名為“airplane”的div元素。現在問題來了，你需要使用CSS的樣式來實現以下效果：

• 空軍（airforce）的寬度是100px，高度也是100px；
• 四個飛機（airplane）在空軍內部平均分布，每個飛機的寬度和高度都是25px；
• 四個飛機的背景顏色分別為紅色、黃色、綠色和藍色；
• 當鼠標懸停在空軍上時，空軍的邊框變為1px實線藍色。

.airforce {
width: 100px;
height: 100px;
border: 1px solid transparent;
}
.airforce:hover {
border: 1px solid blue;
}
.airplane {
width: 25px;
height: 25px;
display: inline-block;
}
.airplane:nth-child(1) {
background-color: red;
}
.airplane:nth-child(2) {
background-color: yellow;
}
.airplane:nth-child(3) {
background-color: green;
}
.airplane:nth-child(4) {
background-color: blue;
}

這個題目看起來非常簡單，但實際上卻有幾個點需要注意。首先，需要使用display:inline-block讓四個飛機在一行上面平均分布；其次，需要使用:nth-child偽類來單獨設置每個飛機的背景顏色；最后，需要使用:hover偽類來實現當鼠標懸停在空軍上時的效果。

希望這個CSS面試題能夠對大家有所幫助，讓大家在面試的時候能夠順利通過技術面試，獲得心儀的工作機會。