不知道怎么引用css上的老二老三？

我試著改變第一秒和第三秒，但不工作。

我只能引用第一個(gè)和最后一個(gè)孩子

keypad :first-child :nth-child(1){
    background-color: black;
}

keypad :last-child :nth-child(3){
    background-color: #b22222;
}

要從父元素引用特定的子元素，請(qǐng)這樣做

。鍵盤(pán):第n個(gè)子(2)

首先，在你的css中你應(yīng)該設(shè)置。如果keypad是類別的名稱，或者#是id。然后使用:n-child引用一個(gè)孩子的順序:

.keypad:nth-child(2){
    background-color: black;
}

.keypad:nth-child(3){
    background-color: #b22222;
}

<div class="container">
  <div class="keypad">1</div>
  <div class="keypad">2</div>
  <div class="keypad">3</div>
  <div class="keypad">4</div>
  <div class="keypad">5</div>
  <div class="keypad">6</div>
  <div class="keypad">7</div>
  <div class="keypad">8</div>
</div>

您沒(méi)有使用過(guò)類(。)或Id標(biāo)識(shí)符(#)調(diào)用CSS元素時(shí)使用:

.keypad:nth-child(2){....}

對(duì)于類選擇器和

#keypad:nth-child(2){....}

對(duì)于Id選擇器