次の3つのファイルをアップロードして試してみてください。ただし、携帯のキャリヤによるとうまく表示できません。
<html>
<head>
<title>テスト</title>
<link rel="stylesheet" type="text/css" media="screen" href="./standard.css">
<link rel="styleSheet" type="text/css" media="handheld.tty" href="./handheld.css">
</head>
<body>
<h1>テスト</h1>
<table>
<tbody>
<tr>
<th>赤</th><th>青</th>
</tr>
<tr>
<td>大きな字</td><td>小さな字</td>
</tr>
</tbody>
</table>
</html>
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまでtest.html
_____________
h1{text-align:center;}
table tr th{ font-color: red;}
table tr th+th{font-color: blue;}
table tr td{font-size: big;}
table tr td+td{font-size:small;}
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまでstandard.css
h1{text-align:right;}
table tr th{ font-color: blue;}
table tr th+th{font-color: red;}
table tr td{font-size: small;}
table tr td+td{font-size:big;}
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで、handheld.tty
これで、携帯では逆の配置や色で表示されれば、少なくとも貴方の携帯では、mediatypeが使えるということ。
あとはmediaタイプで、スタイルシートの書き方を変えてください。詳細は書ききれないので自分で勉強すること
お礼
ありがとうございます。