1

Catalyst、CSS、および html を使用して Web ページを設計しました。すべてのブラウザで正常に動作しています。Web ページにテーブルがあり、これらのテーブルの列を並べ替えることができます (昇順または降順)。テーブルの行を交互に色付けしました。すべてのテーブルは、行が交互に色付けされてきれいに見えますが、並べ替えが有効になるか、テーブルのセルがクリック/選択されるまで、テーブルの 1 つにこの色が表示されます。

なぜこれが起こっているのか理解できません.この問題について誰かに助けてもらい、なぜこれが起こるのか、この問題を解決する方法を教えてください.

よろしくお願いします

私はこれを試しましたが、うまくいきません。プログラミングやチュートリアルを使ったWebアプリケーションの作成は初めてなので、簡単に説明していただけると助かります。

4

2 に答える 2

1

テーブルに適用されたCSSを使用してください（必要な色に変更してください）。

table tr:nth-child(even)
{
    background-color: #F7F7FF;
}

ほとんどすべてのブラウザで十分にサポートされていますが、IEはバージョン9でのみサポートを追加しました。IE6-8のサポートが必須の場合は、selectivizrを使用できます。必要なすべての標準セレクターを使用してCSSを作成すると、そのトリックが実行されます。IE8サポートを削除する場合は、インクルードを削除するだけで、JavaScriptのトリックは一切不要で、標準のCSSが1つあります。

于 2012-06-27T09:00:01.650 に答える
0

nth-childと呼ばれるCSSセレクター（実際には疑似セレクター）があります。純粋なCSSでは、次のことができます。

tr:nth-child(even) {
    background-color: #000000;
}

注： IE 8でも、IEではサポートされていません。

または、jQueryがある場合：

$(document).ready(function()
{
  $("tr:even").css("background-color", "#000000");
});
于 2012-06-27T09:03:02.600 に答える