ユーザCSS

特にネタもないので、私の使ってるユーザCSSを晒してみましょう。

title{
	display: block;
	margin: 0;
	padding: 0.3em 5em;
	background-color: #191970;
	border-bottom: 0.2em double #ffffff;
	font: normal bold normal 0.8em/1.2em Osaka;
	color: #ffffff;
	}
a[name]:after{
	content: "[ #"attr(name)" ]";
	font: normal normal normal 0.8em/1.2em monospace;
	color: #ff0000;
	background-color: #ffffff;
	}
 *[id]:after{
	content: "[ #"attr(id)" ]";
	font: normal normal normal 0.8em/1.2em monospace;
	color: #ff0000;
	background-color: #ffffff;
	}

こんな感じ。
title要素を表示するのは、Opera7.xxに標準装備されているユーザモードCSS「Show images and links only」を参考にしたものです。ページのタイトルを取得したい時で、title要素とh1要素の記述が違う時とか、h1におもいっきりバナー画像が指定してある時とかは便利です*1。
name属性とid属性は、引用する時など、ページ内リンクを取得したい時に使います。
CSSをユーザモードに切り替えるとこれらの情報を確認できる、ようにしています。

*1:Opera7の場合、infoパネルでもtitle要素の内容を取得できます