Javascript 함수에서 classList를 사용하여 CSS 클래스를 추가하지만 최신 클래스가 우선하지 않기 때문에 스타일이 충돌합니다.

Question

내 기능은 화면에 보이는 카드 수를 세고, 모두 표시되면 arrow-up 类添加到我的图标中，如果某些卡片仍然对用户隐藏，则 arrow添加-down아이콘으로 표시됩니다.

으아악 으아악

이 방법은 작동하지만 DOM에서 올바른 클래스가 span 中，因为我期望它，因为添加了 arrow-down 类首先（在显示所有可见卡片之前，用户必须多次展开内容） - 然后，尽管添加了 arrow-up 类，但它不会覆盖 arrow-down。 p>에 추가된 것을 볼 수 있습니다.

간단한 열기/닫기 아이콘을 만들기 위해 arrow-up 时，arrow-down 被删除，反之亦然？我之前曾使用 toggle를 추가하는 것은 어떨까요? 그러나 닫기 전에 여러 번 확장될 수 있으므로 작동하지 않습니다.

Answer 1

더 이상 필요하지 않은 강좌를 삭제하는 것이 좋습니다.

으아악

Answer 2

계단식은 여러 요소를 고려합니다 a>. 이는 두 개의 상충되는 규칙이 동일한 요소에 적용될 때 "승리"하는 규칙을 결정하는 데 사용되는 규칙 집합입니다.

HTML 요소에 클래스가 정의되는 순서는 이러한 요소 중 하나가 아닙니다.

和

계단식에 관한 한 동일합니다.

---

적용하지 말아야 할 클래스를 제거하세요.

으아악

또는 방향을 변경하는 단일 클래스에만 관심을 갖는 방식으로 CSS를 작성하세요.

으아악

그럼

으아악