os0x https://blog.hatena.ne.jp/os0x/ os0x.blog https://os0x.hatenablog.com/ CSS Hatena 予備知識として、target擬似クラスと、そのメニューへの応用についてはCSS 3のセレクタ解説：:root、:not、:empty、:target - builderとCSS 3のセレクタ「:target」でタブメニューをつくる - builderが良記事だと思うのでそちらを。で、今回の場合はさらに応用を利かせて、クリックしたら開いて、もう一度クリックしたら閉じるようにしてみました。まあ、要はコントローラー部分をtargetの中に入れて、targetの状態によって、表示されるアンカーが変わるようにしただけです。(↓↓の「カレンダー、最近の記事、コメント、トラックバックを見る」というアンカーを… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fos0x.hatenablog.com%2Fentry%2F20090220%2F1235164082" title="CSSの:target擬似クラスによるクリックで開くフッター - os0x.blog" 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 2009-02-20 06:08:02 rich https://os0x.hatenablog.com/entry/20090220/1235164082 1.0 100%