Result いわゆるTodoアプリです。 機能的に完成させるのは難しいですが、CSSで出来るところまでやってみた、的なもの :checkedや:notなどの疑似要素をふんだんに使って実装されていました これだけだと実用性はないけど単純に凄いなぁと感心したので備忘録 css/* smart-css todo boilerplate */ #smart-css:checked ~ #todos .dumb-thing { display: none } #smart-css:checked ~ #todos .smart-thing { display: block } #smart-css:checked ~ #todos .submit-unchanged { display: none } #smart-css:checked ~ #todos .todo-item { color:
![CSSだけでチェックボックスにチェックしたらテキストに打ち消し線してチェックした数も表示する](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b1c87ada2ad66409793e3653c810e333009609/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F12%2Fsite-icon.png)