Twitter-Bootstrap-Tabelle, wie nur die äußeren Begrenzungslinien zu bekommen und nicht in zwischen den Reihen

Question

Ich habe

<table class="table table-condensed"> 

habe ich table-bordered dort haben, aber es in mir die Zeilen zwischen den Zeilen gibt. Ich möchte nur die oberen, unteren, linken und rechten Linien außerhalb des gesamten Tisches und keine Linien zwischen den Reihen.

Auch habe ich versucht, Babyschritte zuerst zu tun und deshalb versucht, die Linien zwischen den Zeilen zu entfernen, da hier Remove row lines in twitter bootstrap vorgeschlagen, und die Lösung

table td { 
    border-top: none; 
} 

gegeben hat bei mir nicht funktioniert

Answer 1

Ich glaube, dass Ihr CSS nicht abgeholt wird, weil es nicht spezifisch genug ist. die CSS, die die Grenze in den twitter Bootstrap-Code definiert ist:

.table th, .table td { /*css*/ } 

aber Ihr Code

table td { /* css */} 

die erste präziser betrachtet wird, weil es die Klasse „.table“ anstelle der Tabelle verwendet Element als Selektor und hat somit höhere Priorität.

machte einen kleinen jsfiddle zu tun, was Sie http://jsfiddle.net/hajpoj/EfUAa/11/ wollen

.table td, .table th { 
    border: none; 
} 

table.table.table-condensed { 
    border: 1px solid black; 
} 

Hier ist eine gute Ressource auf CSS Spezifität:

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

außerdem sicher, dass Ihre CSS-Datei nach dem Bootstrap geladen wird Datei.