我的html看起來(lái)像這樣

<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為真，我需要向下移動(dòng)圖標(biāo)箭頭

我嘗試過(guò)的

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

但是不管用。我在這里做錯(cuò)了什么

問(wèn)題出在您的scss文件中。您沒(méi)有在scss文件中選擇aria擴(kuò)展的div。以下是更新后的代碼:-

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

aria擴(kuò)展的div是具有類(lèi)的div的子級(jí)。手風(fēng)琴式包裝_ _標(biāo)題。

希望會(huì)有幫助。