我制作了兩個選擇字段下拉列表，它們包裝在父容器下。它們都有具有相同類名的下拉菜單，因此我決定使用 ':nth-child' 選擇器來定位第一個或第二個孩子。    .select-field {       .dropdown-list {          &:nth-child(1) {            top: 342px;          }          &:nth-child(2) {            top: 404px;          }       }    }然而，它為兩個孩子應用 ':nth-child(2)' 樣式。我意識到可能是這種情況，因為當僅單擊一個選擇字段下拉列表時，DOM 中只會呈現(xiàn)一個或另一個下拉列表。因此，如果我單擊第一個選擇字段，則在 DOM 中可以看到第一個選擇字段的下拉列表，但第二個選擇字段的下拉列表則看不到，這是可以理解的。所以我認為它只能識別一個孩子。如果單擊第一個選擇字段，反之亦然：<div class="container"> <div class="select-field">  <div class="dropdown-list">   <ul>     <li></li>     <li></li>   </ul>  </div>  </div> <div class="select-field"> *other dropdown is not rendered* </div></div>考慮到這些下拉列表取決于事件，有沒有辦法讓我應用這些樣式？