css - Chrome 10 の隣接する兄弟セレクターと :before 疑似要素

Question

これは奇妙なものです。http://www.madebypaz.com/profileでは、チャートの注釈 (ABC と画像) に疑似要素を使用し<OL>ています。私は次のように、隣接する兄弟セレクターを使用します。:before

#profiletext ol li:before {
    content: 'A';
    }

#profiletext ol li+li:before {
    content: 'B';
    }

#profiletext ol li+li+li:before {
    content: 'C';
    }

#profiletext ol li+li+li+li:before {
    content: '';
    }

#profiletext ol li+li+li+li {
    background: url('/wp-content/themes/paz2010/images/sweet-spot.png') no-repeat;
    margin-left: 0;
    padding-left: 38px;
    }

#profiletext ol li {
    height: 30px;
    margin-left: 10px;
    }

これはおそらく最も洗練されたソリューションではありませんが、誰かが Chrome 10 で機能しないことを指摘するまで、Chrome を含むすべてのブラウザーで完全に機能しました。:hover スタイルが定義されていないため、これは興味深いことです。

これの画面記録は次のとおりです。http://cl.ly/0E170v1Z0O2E0f3F0j0d

なぜこれが起こっているのですか、どうすれば修正できますか? 同じ結果を達成するためのより良い方法はありますか?

どんなポインタでも大歓迎です！

Answer 1

これは Chrome 16 で期待どおりに機能します。簡単な更新が必要です。