有可能切換一個(gè)只有css的類嗎？

假設(shè)我有以下內(nèi)容:

<div class="parent">
   <div class="child collapsed">
        Boring Text
   </div>
</div>

有沒有可能，就像css一樣，當(dāng)你點(diǎn)擊父類時(shí)，你可以將折疊的類切換到展開的類，反之亦然？

有可能切換一個(gè)只有css的類嗎？

號碼

您可以使用偽類來處理狀態(tài)，例如:hover，:active，:checked和:target，但這與更改DOM的類屬性的狀態(tài)不同。

你可以找出一些像這樣的https://stackoverflow.com/a/76489732/8382657

.caret {
    transition: 0.5s;
}
  .caret:not(.collapsed){
    transform: rotate(180deg);
  }
  .caret:is(.collapsed) {
    transform: rotate(0deg);
  }