Result 注釈がある事をアスタリスク(これ→*)で明示し、マウスホバーで表示する、みたいなの。 dfnタグのtitle属性をテキスト化する形で表示しています。 cssdfn[title] {/*dfnタグをヘルプカーソルに*/ cursor: help; position: relative; font-style: normal; } dfn[title]:after {/*疑似要素でアスタリスクを表示、注釈がある事を明示する*/ content: '*'; color: red; display: inline; text-align: right; white-space: nowrap; vertical-align: super; font-size: 0.6em; padding-left: 2px; } dfn[title]:hover:after {/*title属性を
![アスタリスク表示してマウスホバーで注釈表示](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)