:targetでpadding-top

ちょっと何を言っているのかよくわからないですね。つまり:target擬似クラスでpadding-topを使うことによって、アンカーでページ内ジャンプ(<a href="#foo">...</a>とかで飛ぶやつです)した時に上部に余白をとってやろうというアイディアです。こうすることによって上部にメニューを固定していても重ならなくすることができるでしょうし、そうでなくても多くの場合ジャンプした先のコンテンツに対してキレイに余白が確保できるんではないかと。 Demo: Refine Anchor Jump with :target Section #4に飛ぶリンクはデフォルトのもので、描画領域の上端に見出しが来てしまっています。Section #7に飛ぶリンクが:targetを使って改良したもので、上部に少し余白が確保されていることと思います。 #test7:target { padding-t

[code404]

アンカーでページ内ジャンプした時に上部に余白をとってやろうというアイディアです。

[hama_shun]

[:target]

[hiro_y]

:targetで上部に余白とると読みやすいね

[nobodyplace]

なるほど

[kuracom]

デザインを切り分けることが出来てとても有用

[typester]

iine