JavaScript無効でもHit-a-Hintもどき (ネタ)

CSSで要素に番号を振ったり出来ると知って、おもしろかったので遊んでみた。

body {
	counter-reset: anchor !important;
}
a:before {
	background-color: #FDD !important;
	color: #000 !important;
	content: "," counter(anchor) "," !important;
	counter-increment:anchor !important;
}

上のユーザーCSSを使うと、すべてのリンクに番号が振られる。

• グローバルなユーザーCSSを使おう - by edvakf in hatena

Operaのショートカットで、コンマキー " , " は「リンクテキストをインクリメンタルで検索 (してフォーカス)」なので、便宜的に数字の前後にコンマを付けてある。

リンクに移動したい時は、コンマキーを2回押して (この時点でコンマがひとつ入力された状態になっている)、リンクの数字を入力して、EnterなりShift+Enterなりを押す。

注・シングルキーショートカットを有効にする必要がある。

難点は、:beforeで挿入されたテキストはフォーカスされているのにハイライトされないことがあることと、ページのデザインが崩れること。

まあこういうこともできるな、というネタとしてこれで置いておこう。