언제 .checked 类存在时，我需要插入 text-decoration: line-through; 样式到 .todo-name
.checked
text-decoration: line-through;
.todo-name
(CSS로 할 수 있는지는 전혀 이해가 안 되지만 혹시 js도 마지막 기회로 사용할 수 있을까 해서요)
코드펜 프로젝트
최종 결과는 이렇게 되어야 합니다
몇 가지 문제가 발생했습니다. 댓글에서 언급했듯이 JavaScript를 사용하지 않으려면 의사 클래스를 사용해야 합니다. :在本例中检查了.
:在本例中检查了
다음으로 이름이 확인란 앞에 나타나기 때문에 작동하지 않는 CSS 선택기 ~，它选择该元素之后而不是之前的同级元素。因此，尝试使用选择器 #0:checked ~ .todo-name 选择 .todo-name를 사용하게 됩니다.
~
#0:checked ~ .todo-name
아래는 작업 버전의 예입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
몇 가지 문제가 발생했습니다. 댓글에서 언급했듯이 JavaScript를 사용하지 않으려면 의사 클래스를 사용해야 합니다.
:在本例中检查了.다음으로 이름이 확인란 앞에 나타나기 때문에 작동하지 않는 CSS 선택기
~，它选择该元素之后而不是之前的同级元素。因此，尝试使用选择器#0:checked ~ .todo-name选择.todo-name를 사용하게 됩니다.아래는 작업 버전의 예입니다.