mesa de Twitter-bootstrap cómo conseguir solamente las líneas de los bordes exteriores y no en filas entre

Question

tengo

<table class="table table-condensed"> 

que solía tener en table-bordered allí, pero me está dando las líneas entre las hileras. Solo quiero las líneas superior, inferior, izquierda y derecha en el exterior de toda la tabla y no hay líneas entre las filas.

También, he intentado hacer pequeños pasos primero y por lo tanto trató de eliminar las líneas entre las hileras como se sugiere aquí Remove row lines in twitter bootstrap y la solución dada

table td { 
    border-top: none; 
} 

no funcionó para mí

Answer 1

Creo que su CSS no está siendo recogido porque no es lo suficientemente específico. el css que define la frontera en el código de arranque Twitter es:

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

pero su código es

table td { /* css */} 

la primera se considera más específica, ya que utiliza la clase ".table" en lugar de la tabla elemento como el selector y por lo tanto tiene una mayor prioridad.

hizo un pequeño jsFiddle a hacer lo que quiera http://jsfiddle.net/hajpoj/EfUAa/11/

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

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

He aquí un buen recurso en la especificidad de CSS:

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

También asegúrese de que su archivo CSS se carga después del arranque archivo.