html - ユーザーエージェントのスタイルシートはテーブルを上書きしますか?

Question

ワードプレスのテーマにいくつかの変更を加えていますが、テーブルの上の境界線を削除するのに苦労しています。以下の例に見られるように、いくつかの奇妙な詳細が追加されています。

table {    (user agent stylesheet)
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}

そして私の：

table {  
border: none;
border-collapse: separate;
border-spacing: 0;
border-color:#FFFFFF;
}

ただし、奇妙な部分は、表示されているのは上枠のみです。ここで何かが足りないのかもしれません。というか、わかりやすい…

サンプルサイト: http://friknektene.no/wordpress/?page_id=2

Answer 1

は、815 行目border-topから来ています。style.css

.entry-content td,
.comment-content td {
    border-top: 1px solid #ddd;
    padding: 6px 10px 6px 0;
}

ご覧のとおり、はではなくborder-topに適用されています。そのため、オーバーライドしようとしてもうまくいきません。tdtable

代わりにこれを試してください：

.entry-content td, .comment-content td {
    border-top: 0;
}

.comment-content td上記のセレクターを保持したい場合と保持したくない場合があります。