연속 클래스에 CSS 스타일을 적용하는 방법

Question

언제 .checked 类存在时，我需要插入 text-decoration: line-through; 样式到 .todo-name

(CSS로 할 수 있는지는 전혀 이해가 안 되지만 혹시 js도 마지막 기회로 사용할 수 있을까 해서요)

으아아아

코드펜 프로젝트

최종 결과는 이렇게 되어야 합니다

Answer 1

몇 가지 문제가 발생했습니다. 댓글에서 언급했듯이 JavaScript를 사용하지 않으려면 의사 클래스를 사용해야 합니다. :在本例中检查了.

다음으로 이름이 확인란 앞에 나타나기 때문에 작동하지 않는 CSS 선택기 ~，它选择该元素之后而不是之前的同级元素。因此，尝试使用选择器 #0:checked ~ .todo-name 选择 .todo-name를 사용하게 됩니다.

아래는 작업 버전의 예입니다.

으아아아 으아아아