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

我试着改变第一秒和第三秒，但不工作。

我只能引用第一个和最后一个孩子

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

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

要从父元素引用特定的子元素，请这样做

。键盘:第n个子(2)

首先，在你的css中你应该设置。如果keypad是类别的名称，或者#是id。然后使用:n-child引用一个孩子的顺序:

.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>

您没有使用过类(。)或Id标识符(#)调用CSS元素时使用:

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

对于类选择器和

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

对于Id选择器