2007-02-26

trick for ieWinAll and ~ieMac5.x

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

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

html>body ~ {
  property:value;
}

2.ieMac5.xには適用されない

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

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

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

4.ieWin7とMOSeに適用する

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

5.MOSeだけに適用する

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

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

例1

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

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

例2

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

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

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

0 件のコメント: