Internet Explorer (MacOS) CSSバグリスト

@mediaで括ったスタイル指定が無効になる

症状

メディアタイプを特定させる構文である @media type { 〜 } で括られた範囲内のスタイル指定が全て無視される。

例示

<style type="text/css">
p.sample {
  color: red;
}
@media screen {
  p.sample {
    font-style: italic;
  }
}
</style>

<p class="sample">赤いイタリック</p>

screenメディアでは文字列が斜体で表示されるはずです。

スクリーンショット

補足

MacIEでバグを持つスタイル指定を@mediaで括ることによって、バグを回避することができます。

修正状況

MacIEで発生する模様。