Internet Explorer：tablerowにcssクラスを設定しますか？

Question

UDPATE 私はAJAX応答で一緒に過ごしていました。 IEのように "新しい" CSSが好きではないと思われます...スタイルシートや最初のページリクエストに配置されているとうまく動作します...

インターネットエクスプローラはtablerowsで設定されたクラスに反応しないようです。これは正しいです？もしそうなら、回避策がありますか？または何か間違っているのですか？

<style type="text/css"> 
    table tr.red td {background-color:red;} 
</style> 
<table> 
    <tr class="red"> 
     <td>test</td> 
     <td>test</td> 
    </tr> 
    <tr> 
     <td>test</td> 
     <td>test</td> 
    </tr> 
</table> 

Answer 1

私はそれがうまくいかない理由はありません。

多分、別のセレクターがそのスタイルを上書きしているかもしれません。おそらく、JSはスタイル属性を挿入しています。おそらくあなたのテーブルの背景はすでに赤で、あなたは気づかないでしょう。いくつかの理由があります。

Answer 2

有効なdoctypeを使用していますか、またはIEがquirksモードでレンダリングしようとしていますか？

Answer 3

これは、（一度だけ）インターネットエクスプローラが正しくHTMLゲームをプレイすることです。スタイルシートは、文書の<の>ヘッドにのみ表示する必要があります。後でAJAXでそれらを追加することは無効です。最善の解決策は、主要なスタイルシートにルールを追加することです。あなたはおそらくあなたのスタイルルールをすべて事前に知っているので、スタイルシートにそれらのルールを入れるのは意味があります。あなたが最初に使っていないので、それらを見逃す必要はありません。あなたが本当にはAJAXでのスタイルにロードする必要がある場合は

、それはそれらを適用するためにJavascriptを使用して多くの方が良いでしょう（それはあなたが彼らが「として、ユーザーがJavaScriptを持っているを知っているとして、この場合にはJavascriptを使用しても大丈夫ですすでにAJAX上でコンテンツを取得している）か、スタイル属性を使用してインラインスタイルを適用しています。 jQueryはCSSを扱うための多くの便利な機能を提供していますので、私はそれを見ていきたいと思いますが、できるだけすべてのスタイルをスタイルシートに入れておくことを強くおすすめします。