IE6は>
で直接子孫選択をサポートしていないことはよく知られていますが、私が最近見つけたのはカンマで区切られた複数の選択ルールがある場合、>
があればすべて無視します。ここで'>'に遭遇したときにIE6を正常に動作させる方法はありますか?
は、私は、問題をテストするために使用されるコードの一部です:
<body>
<style>
.one, .two{
width: 100px;
height: 100px;
background-color: #FFCCAA;
}
body .two, body > .one{
background-color: #CCFFAA;
}
</style>
<div class="one"></div>
<div class="two"></div>
</body>
あなたがAAA, BBB
を書くとき、あなたが実際に定義していないので、私はこれは動作が期待されていること(ドキュメントを読んでいない)と仮定します2つのセレクタがありますが、2つのセレクタは1つです。
まだ私は尋ねる必要があります...私のCSSルールを2回書くことを暗示していない解決策はありますか?
は、
次の2つの別々のセレクタを定義しませんが、しかし、グループ一緒にカンマを使用することで、それが一つのルールと考えられています。スペックでは、認識できないセレクタでは、* rule *全体が無視されます。実際、IE6は期待どおりにうまく機能していません。唯一の本当の解決策はセレクタを自分のルールに分けることです:/ – BoltClock