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

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; 
} 

しかし、奇妙な部分は、それが唯一のトップだありますボーダーが表示されています。私はここで何かを逃しているかもしれないかもしれない。 border-topはライン815、style.cssから来ているhttp://friknektene.no/wordpress/?page_id=2

Answer 1

：それとも、それはかなり明白だ...

例のサイトあなたが見ることができるように

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

、border-topはtdに適用されています、tableではありません。そのため、上書きしようとする試みが機能していません。

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

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

あなたがまたは上記セレクタに.comment-content tdを維持したくない場合があります。