我的html看起來像這樣

<div class="accordian-wrapper">
<div class="accordion-wrapper__title">
<div aria-expanded=true">
<div class="accordion-wrapper__title__icon-label">
<i class="accordion-wrapper__arrow"/>
</div>
</div>
</div>
</div>

如果aria-expanded為真，我需要向下移動圖標箭頭

我嘗試過的

.accordion-wrapper {
  .accordion-wrapper__title {
    &[aria-expanded="true"]{
      .accordion-wrapper__arrow {
        transform: rotate(90deg);
      }
    }
  }
}

但是不管用。我在這里做錯了什么

問題出在您的scss文件中。您沒有在scss文件中選擇aria擴展的div。以下是更新后的代碼:-

.accordion-wrapper {
  .accordion-wrapper__title {
    & > [aria-expanded="true"]{
      .accordion-wrapper__arrow {
        transform: rotate(90deg);
      }
    }
  }
}

aria擴展的div是具有類的div的子級。手風琴式包裝_ _標題。

希望會有幫助。