-1

テーブルには 2 つの異なるスタイル定義があります。

table {
border: solid 1px #E8EEF4;
border-collapse: collapse;
}

私の特定のテーブルは 内にあるため、<div class="checkboxquestion>このクラス内のテーブルには特別なスタイル定義があります:

.checkboxquestion table
{
    border: none;
    text-align: center;
}

問題は、それborder: none;がborder-collapse: collapse;- によってオーバーライドされ、他のすべてのスタイリング オプションが「デフォルト」定義によってオーバーライドされることです。

どうすればこれを解決できますか?

4

4 に答える 4

2

私はあなたが別の間違いを犯したと思います、それはあなたがしたように私にとってはうまくいきます：このフィドルを見てください

おそらく、質問のように div のクラスの引用符を閉じていませんか?

于 2012-05-10T08:17:31.823 に答える
1

div.checkboxquestion tableもオプションです;）

特定の定義が普遍的な定義の後に来ることを確認してください。

于 2012-05-10T08:15:52.713 に答える
0

特に自分自身との特異性戦争に参加しないでください。table、tr、td などのセレクターを使用して、すべての一般的なテーブル スタイルを定義し
ます。2 つの異なるスタイルのテーブルがある場合は、2 つの異なるクラスを指定します。

これが「1 回限りのこと」であり、すべてを同じにする必要がある場合:

.checkboxstyle table {
 border-collapse: separate;
 text-align:center;
 border:none;
}

何をしようとしているのかは 100% わかりませんが、境界線を非表示にしようとしている場合は、境界線を背景色で色付けする方が簡単です。

.checkboxstyle table {
 border-color:blue;
}

特異性について詳しくは、http : //htmldog.com/guides/cssadvanced/specificity/を参照してください 。特異性を計算したくないので、読んだらすぐにすべてを忘れてください。そうしていることがわかった場合は、悪い css を書いています。

于 2012-05-10T08:22:25.683 に答える
0

新しいクラスを作成し、.checkboxquestion 内のテーブルに適用します

お気に入り：

table, .tabelClass {
border: solid 1px #E8EEF4;
border-collapse: collapse;
}

次に、それをテーブルに適用します。

<table class="tabelClass">
于 2012-05-10T08:18:26.630 に答える