0

Bootstrap を使用して、コンテキストに応じた TR の色付け用のカスタム クラスを作成しようとしています。

ドキュメントを読んで、クラス プロパティを custom.css ファイルにコピーし、必要に応じて変更します。しかし、成功せずにこれを試した後、カスタムクラスをbootstrap.cssに追加すると思いました。それでもこれは成功しませんでした。

Firebug を使用して問題を診断しようとしましたが、解決策を見つけることができなかったため、ここに投稿します。

クラス要素「成功」を使用すると、CSS は次のようになります

.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
    border-bottom-left-radius: 4px;
}
.table tbody tr.success > td {
    background-color: #DFF0D8;
}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #F9F9F9;
}

カスタム クラス (Firebug で選択されていることがわかります) を使用すると、これが表示されます。

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #F9F9F9;
}

そのため、CSS ファイルからカスタム クラスを読み取ることさえできず、その理由がわかりません。

何かご意見は？

S

編集**

カスタム CSS ファイルは次のようになります。

.width100{
    width: 100%;    
}

/*Custom Table Row Property*/
.table-striped> tbody tr.major > td {
  background-color: #faa732;
}

.table tbody tr.initial > td {
  background-color: #49afcd;
}

.table tbody tr.maint > td {
  background-color: #5b331d;
} 

.table tbody tr.suppressed > td {
  background-color: #bfcada;
}
4

1 に答える 1

-1

そのため、Firefox が CSS ファイルをキャッシュしていたことが判明し、ブラウザーが原因である問題を追跡するのに何時間も費やしました!!!

キャッシュをクリアすると、すぐに正しく機能しました。

くそ！！！！

于 2013-09-30T15:24:37.240 に答える