如何引用css中的“二孩”和“三孩”？

62lalag4 于 2023-02-10 发布在其他

关注(0)|答案(2)|浏览(102)

我不知道如何在css中引用第二个和第三个孩子。
我试着改变第一秒和第三，但不工作。
我只能引用第一个和最后一个子级

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

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

css

来源：https://stackoverflow.com/questions/75389259/how-to-reference-the-second-child-and-third-child-on-css

2条答案

按热度按时间

xwbd5t1u1#

要从父元素引用特定的子元素，请执行以下操作
.keypad:nth-child(2)

赞(0）回复(0）举报 2023-02-10

9cbw7uwe2#

首先，在css中，如果keypad是class的名称，则设置.;如果id是id，则设置#，然后使用:nth-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>

赞(0）回复(0）举报 2023-02-10

我来回答

如何引用css中的“二孩”和“三孩”？

2条答案

相关问题

热门标签

最新问答