css - IE のみの CSS を表示し、他のブラウザの CSS を表示する

Question

ブラウザーが IE の場合は 1 つの CSS を表示し、ブラウザーが !IE の場合は別の CSS を表示すると想定される次の CSS コードがあります。

<!--[if !IE]-->
<style>
.img404 {
    display:none;
}
#textd {
    font-size: 14pt;
    color: #ffffff;
    text-shadow: 0 1px 0 #ccc,
        0 2px 0 #c9c9c9,
        0 3px 0 #bbb,
        0 4px 0 #b9b9b9,
        0 5px 0 #aaa,
        0 6px 1px rgba(0,0,0,.1),
        0 0 5px rgba(0,0,0,.1),
        0 1px 3px rgba(0,0,0,.3),
        0 3px 5px rgba(0,0,0,.2),
        0 5px 10px rgba(0,0,0,.25),
        0 10px 10px rgba(0,0,0,.2),
        0 20px 20px rgba(0,0,0,.15);
}
</style>
<!--[endif]-->
<!--[if IE]>
<style>
.img404 {
    display:none;
}
#textd {
    font-size: 14pt;
}
</style>
<![endif]-->

IE のみが動作します。

Answer 1

IE 以外の css を使用する場合は、コメントアウトしないようにする必要があります。

<!--[if !IE]-->
Non-IE CSS
<!--<![endif]-->
<!--[if IE]>
IE only CSS
<![endif]-->

<!--[if IE]>の末尾にダッシュのペアがないことに注意してください。IE 以外のブラウザでは、これはコメントの開始として解釈され、後で によって閉じられ<![endif]-->ます。

逆に、<!--[if !IE]-->は標準の自己終了コメントです (そのまま<!--<![endif]-->)。これらの行の間にあるコードは、IE 以外のブラウザによって処理されます。

Answer 2

2 つのコメント タグが必要です

<!--[if !IE]-->
Other Browsers
<!-- <![endif]-->