trick for ieWinAll and ~ieMac5.x

特定のブラウザに適用したり、しなかったり。

１．~ieWin6には適用されないが
　　ieMac5.xには適用される

html>body ~ {
　　property:value;
}

２．ieMac5.xには適用されない

~~~{
　　property/**/:/**/value;
}

３．ieWin6.x(Standard)だけには適用しない

~~~{
　　property/**/:value;
}

４．ieWin7とMOSeに適用する

html[xmlns] ~~~ {
　　property:value;
}

５．MOSeだけに適用する

html[xmlns]>/**/body ~~~ {
　　property:value;
}

、ということです。
うまく利用すると、こんなことができます。

例１

html>body ~~~{
　　font-size/**/:/**/xxx;
}

これは、ieWin6.x以下とieMacに適用しない。
つまり、ieWin7とMOSeだけに適用する。

例２

html[xmlns]>/**/body ~~~{
　　font-size/**/:/**/xxx;
}

これは、ieWin7以下とieMacに適用しない。
つまり、MOSeだけに適用する。

ちょっとしたパズルです。

trick for Windows Internet Explorer

Windows Internet Explorer にだけ外部cssファイルを読み込ませる

<!--[if IE]><link rel="stylesheet" href="*****.css" type="text/css" media="screen" /><![endif]-->

とheadで書くと、Windows Internet Explorer だけが読み込みます。