turusuke_0 https://blog.hatena.ne.jp/turusuke_0/ Webdelog https://www.webdelog.info/ 最近要素を置換することができるCSSプロパティcontentにあるcounterという値を使ってなにか作れないかなぁと思っていたのでその時の備忘録です。 counterは要素の先頭などに連番をつけることができるので、リストタグで無くても番号をつけたりできます。 今回やったこと ボタンをクリック→ボタン消す→カウンターが要素の数に応じて変化今回Jsは一切使ってません。 対応ブラウザ : Webkit系ブラウザ(Chrome,Safariで動作確認,Firefoxだと白枠出ます) content:counterで取得した値を減算させるには… 要素の数で増えるんだったら減算もできるだろと思ってやって… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.webdelog.info%2Fentry%2F2011%2F10%2F02%2Fcss-only-statement.html" title="CSSで要素数のカウント、要素のクリック状態保持 - Webdelog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2011-10-02 09:00:00 rich https://www.webdelog.info/entry/2011/10/02/css-only-statement.html 1.0 100%