私は次のようなCSSを持っています:
.formTable:nth-child(odd)
{
background-color: #eeb;
}
次の基本構造を持つフォームもあります (明らかに完全な HTML ではありません)。注目すべきは、dynTable1
特定の状況で AJAX 呼び出しで読み込まれる です。
<table class="formTable" id="table1" />
<table class="formTable" id="table2" />
<table class="formTable" id="table3" />
<table class="formTable" id="table4" />
<div id="divDynamic1" class="fadeIn">
<table class="formTable" id="dynTable1" />
</div>
私にとって意味をなさないのは、セレクターが、およびFirefox と IE9nth-child
に対してキーになることです (私は他のものを試しませんでした)。スタイルが適用されていないことを期待していました。明らかに、どのように機能するかについての私の理解が不足していますが、私の Google-fu は の使用方法の多くの例を発見しましたが、この種の場合にどのように機能するかについての簡単な説明を見つけるのは困難でした. だから、私はSOに目を向けます。table2
table4
dynTable1
dynTable1
nth-child
nth-child
がこのように動作するのはなぜですか? class の要素nth-child
間で厳密に交互にするにはどうすればよいですか?table
formTable