ul.notes>li {
    list-style-type: none;   /* オペラの一部ヴァージョンでマーカを消すのに必要。*/
    display: block;
    margin-left: 0;
    text-indent: -1em;
    }

ul.notes>li:before {
    display: inline;
    content: "\203b";        /* content: "※"; では一部で文字化けする事がある。*/
    }

//    IE 7.0対策。
*+html ul.notes>li {
    list-style-type: disc;
    display: list-item;
    text-indent: 0;
    }

インターネットエクスプローラ 6.0まででは、これらのプロパティをいずれも認識出来ず、従って普通の順不同リストと同じスタイルとなるでしょう。
インターネットエクスプローラ 7.0では二番目が認識出来ないので、※印のテキストが与えられず、しかしその一方で、一番目のプロパティ定義が有効となってしまうので、三番目でキャンセルするようにします。
その他の環境では三番目のみ無意味となり(文法上は合法ですが、セレクタが指定する要素は存在し得ない)、従って初めの二つのプロパティ定義に従ったレンダリングを行う事でしょう。

本頁の目次

スクリプトの利用方法。

▲記事先頭
△前項目
▽次項目

スクリプトは、HTML文書とは別のファイルで保存し、注釈リストを含むHTML文書では当該スクリプトを<head>要素内に<script>要素で埋め込むように記述します。

スクリプトはHTML文書の読込が完了すると自動的に処理スクリプトを起動して、インターネットエクスプローラ 7.0でも注釈用のリストの各項目冒頭に※印がテキストで打たれるようになります。

本頁の目次

以下のようなスクリプトを書いて、それをHTML文書からリンクすれば、アクティヴスクリプトを有効にしたインターネットエクスプローラでは、全ての<q>要素の内容にかぎ括弧が与えられて表示される事になります。

onload4setStyle=window.onload;
window.onload=setStyle;

function setStyle() {
    if (onload4setStyle) onload4setStyle();
    // 対応出来ない環境を弾く。
    if (!document.getElementById ||
         navigator.userAgent.indexOf('Opera/6')>-1 ||
         navigator.userAgent.indexOf('Opera 6')>-1) {
        return;
        }

    //    **** 全ブラウザ対象の処理 ****

    //    **** IE 7.0までのみ対象の処理 ****
    if (!document.all || window.opera ||
         navigator.userAgent.indexOf('Trident/')>-1 &&
         navigator.userAgent.indexOf('MSIE 7.')<0) return;

    //    注釈リストのスタイル補正。
    eles=document.getElementsByTagName('ul');
    var i=-1;
    while (++i<eles.length) {
        k=' '+(eles[i].getAttribute('className') || '')+' ';
        if (k.indexOf(' '+noteClass+' ')>-1) {
            eles[i].setAttribute('className',k.split(' '+noteClass+' ').join(' '));
            var eles2=eles[i].childNodes;
            k=-1;
            while (++k<eles2.length) {
                a=eles2[k].innerHTML;
                eles2[k].innerHTML='※'+a;
                eles2[k].style.textIndent='-1em';
                eles2[k].style.listStyleImage='none';
                eles2[k].style.listStyleType='none';
                }
            continue;
            }
        }
    //    注釈リストのスタイル補正処理はここまで。
}