Twitter-bootstrap stół jak dostać się tylko zewnętrzne linie graniczne, a nie między rzędami

Question

mam

<table class="table table-condensed"> 

Miałem table-bordered tam, ale to daje mi linie pomiędzy rzędami. Chcę tylko górną, dolną, lewą i prawą linię na zewnątrz całego stołu i bez linii pomiędzy wierszami.

Również próbowałem zrobić dziecko kroki pierwszy i dlatego starał się usunąć linie pomiędzy rzędami jak sugeruje tutaj Remove row lines in twitter bootstrap i roztwór podano

table td { 
    border-top: none; 
} 

nie działa dla mnie

Answer 1

Uważam, że twój CSS nie jest odbierany, ponieważ nie jest wystarczająco szczegółowy. css, który definiuje granicę w kodzie twitter bootstrap jest:

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

ale kod jest

table td { /* css */} 

pierwszy jest uważane za bardziej specyficzny, ponieważ wykorzystuje klasę „.table” zamiast tabeli element jako selektor, a tym samym ma wyższy priorytet.

popełniłem mały jsfiddle robić to, co chcesz http://jsfiddle.net/hajpoj/EfUAa/11/

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

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

Oto dobrym źródłem informacji na css specyfiki:

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

Również upewnić się, że plik CSS jest ładowany po bootstrap plik.