CSS（动作选择器：目标无法正常工作）>

Question

.accordion-item:target .answer {
  max-height: 20rem;
}
<div class="accordion-item" id="question1">
  <a class="accordion-link" href="#question1">What is COVID-19?
    <ion-icon class="ion" name="add-outline"></ion-icon>
    <ion-icon class="ion" name="remove-outline"></ion-icon>
  </a>
  <div class="answer">
    <p>
      COVID-19 is the infectious disease caused by the most recently discovered coronavirus. This new virus and disease were unknown before the outbreak began in Wuhan, China, in December 2019.
    </p>
  </div>
</div>

单击该类（手风琴项目）后，答案类的高度没有达到最大20rem。

.. accordion-item：target .answer {max-height：20rem; }

What is COVID-19?

Answer 1

一个简单的错误，从ID字段中删除#。放置id="question1"而不是id="#question1"