-1

私のアプリケーション内のどこかに私は持っています

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
   background-color: #f9f9f9;
}

サーバー側コードを使用して (ItemDataBoundリピーター コントロールのイベントで)、次の CSS クラスを特定の行に適用します。

<tr id="MyRow" class="fc pwon">

どちらが...

.fc {
   background-color: #fcfcfc;
}
.pwon {
   background-color: rgba(77, 144, 254, 0.47) !important;
   color: black;
   text-align: center;
}

残念ながら、行に適用される色は#f9f9f9;

なぜこうなった？どうすれば修正できますか？

4

3 に答える 3

5

あなたの.fcと.pwonクラスはtr要素にありますが、最初のルールでは、その背景を または のいずれかに適用していtdますth。表のセルの背景は常に表の行の背景の上に塗りつぶされるため、行の背景は見えません。

セレクターを次のものに置き換える必要があります。

.fc>td, .fc>th {
   background-color: #fcfcfc;
}
.pwon>td, .pwon>th {
   background-color: rgba(77, 144, 254, 0.47) !important;
   color: black;
   text-align: center;
}

なぜそこに1つしかないのかはわかりません!importantが、両方が必要か、まったく必要ないかのどちらかです。最初のルールを削除します!important(!important自分が何をしているのかわからない場合は、通常は悪い習慣です)。背景が表示されない場合は、セレクターをコピーして最初のルールの特異性を一致させてみて.fcください.pw。tr部。これは、生成される HTML によって機能する場合と機能しない場合があります。少しいじる必要があります。

于 2013-10-22T16:24:02.057 に答える
2

にスタイルを適用pwonしてtrいるときに、コードに適用しています。.table-striped tbody>tr:nth-child(odd)>tdtd

これを試して：

.pwon td, .pwon td {
   background-color: rgba(77, 144, 254, 0.47) !important;
}
于 2013-10-22T16:24:40.617 に答える
0

背景を設定しているコードは、特異性でより高いスコアを獲得しています。

基本的にはアイテムに適用されたクラスを直接参照していますが、最初のコードはテーブル、テーブル本体、行、および行のインデックスを具体的に参照しているため、スコアが高くなります。

理想的ではありませんが、次のようにセレクターの先頭に他のコードを追加した場合:

.table-striped tbody>tr.fc:nth-child(odd)>td, .table-striped tbody>trfc:nth-child(odd)>th
{
    background-color: #fcfcfc;
}
.table-striped tbody>tr.fc:nth-child(odd)>td, .table-striped tbody>trfc:nth-child(odd)>th
{
    background-color: rgba(77, 144, 254, 0.47) !important;
    color: black;
    text-align: center;
}

それはあなたのためにそれを修正します。しかし、それは非常に厄介です。代わりに、他のセレクターの特異性を減らすか、重要なものを使用することを検討できます! 宣言（うーん）;）

于 2013-10-22T16:33:46.777 に答える