6

テーブルのスタイルを設定するために、ボーダー テーブル クラスを使用しています。

ただし、一部の行では、テーブル セルの左境界線を変更する必要がありますが、テーブル全体の境界線の外観は保持します。

これを行うために、表のセルの左枠のスタイルを変更し、表の行に左枠を追加しようとしました。

テーブル セルの左枠を削除できますが、新しいテーブル行の左枠は表示されません。

.table tr.topic_row {
    border-left: 3px solid red;
}

.table td.topic_title {
    border-left: none;
}

テーブル行の境界線が見えないように見えることがわかります: http://i.stack.imgur.com/M5lsO.png

それでもそこにあるはずです:http://i.stack.imgur.com/crMQA.png

テーブルの行の境界線を表示する方法についてのアドバイスをいただければ幸いです:)


明確にするために編集:

ここでの問題は、テーブルの行の境界線が表示されない理由です。そこにあるはずなのに、そうではありません。

4

2 に答える 2

1

これを試して:

.table tr.topic_row td {
    border-left: 3px solid red;
}

.table td.topic_title {
    border-left: none;
}
于 2012-11-03T00:18:30.713 に答える
0

表の行自体ではなく、行の最初の表のセルに境界線の色を適用してみてください。

.topic_row td:first-child {
    border-left: 3px solid red;
}
于 2012-11-02T23:36:40.370 に答える