Joomlaを使っていてクライアントから非常に良く聞かれるのが携帯からの記事投稿です。他のブログサービスでは携帯か...
使わない方がいいと思いつつも使ってしまうCSSハック毎回検索してIE8が載ってないとかIE8はあるのにSafariがないとか何度も検索するのも面倒なんで自分用にメモしておきます。間違ってたり他のを知ってたらコメント頂けると嬉しいです。
8のみ適用他のプロパティも指定したい場合は、9がないときと同じように行末に;をつけて、次のプロパティからは/***/なくても大丈夫。
html>/**/body #hackcss {
color /***/: red9;
font-size: 20px9;
}
7のみ適用*:first-child+html #hackcss { color: red; }
6～7のみ適用#hackcss { *color: red; }
4～6のみ適用#hackcss { _color: red; }
4～6, Mac 4～5のみ適用* html #hackcss { color: red; }
5.5～6, Mac 5 
のみ適用html*#hackcss { color: red; }
Mac 5のみ適用/* これ以降Mac IE5のみに適用される \*//*/
#hackcss { color: red; }
/* これ以降Mac IE5以外にも適用される */
Mac 5のみ除外/* これ以降Mac IE5には適用されない \*/
#hackcss { color: red; }
/* これ以降Mac IE5にも適用される */
4のみ除外/* これ以降Netscape 4には適用されない /*/
#hackcss { color: red; }
/* これ以降Netscape 4にも適用される */
1.0 以降に適用#hackcss, x:-moz-any-link { color: red; }
1.5, 2.0 以降に適用#hackcss, x:-moz-read-only { color: red; }
3.0 以降に適用#hackcss, x:-moz-broken { color: red; }
3.5 以降に適用#hackcss, x:-moz-broken, x:last-of-type { color: red; }
に適用body:first-of-type #hackcss { color: red; }
に適用属性セレクタをサポートするFirefox、Mozilla、Safari、Operaにのみスタイルが適用される。
html[xmlns] #hackcss { color: red; }
2～3に適用
html[xmlns*=""] body:last-child #hackcss { color: red; }
2～3.1に適用
html[xmlns*=""]:root #hackcss { color: red; }
2～3.1, 9.25に適用
*|html[xmlns*=""] #hackcss { color: red; }
3以降 
に適用@media screen and (-webkit-min-device-pixel-ratio:0) {
#hackcss { color: red; }
}
3以上 9以上 3.5以上に適用body:nth-of-type(1) #hackcss { color: red; }
body:first-of-type #hackcss { color: red; }
9.25以上に適用;;body #hackcss { color: red; }
html:\66irst-child #hackcss { color: red; }
8, 9以外に適用body[class|="hypen-ated"] #hackcss { color: red; }
iPhoneに適用/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
#hackcss { color: red; }
}
iPhoneのみCSSを変える場合はiPhone用CSSを作成して読み込ませます。<link media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" rel="stylesheet" />
試していないものもいっぱいありますがとりあえずまとめてみました。
CSSの振り分け
