Twitter bootstrap bảng như thế nào để có được chỉ là đường viền bên ngoài và không ở giữa hàng

Question

Tôi có

<table class="table table-condensed"> 

Tôi đã từng có table-bordered trong đó nhưng nó đem lại cho tôi những dòng ở giữa dòng. Tôi chỉ muốn các dòng trên cùng, dưới cùng, bên trái và bên phải ở bên ngoài toàn bộ bảng và không có dòng ở giữa các hàng.

Ngoài ra, tôi cố gắng làm bé bước đầu tiên và do đó đã cố gắng để loại bỏ các dòng ở giữa hàng như đề xuất ở đây Remove row lines in twitter bootstrap và giải pháp cho

table td { 
    border-top: none; 
} 

không làm việc cho tôi

Answer 1

Tôi tin rằng CSS của bạn không được chọn vì nó không đủ cụ thể. css định nghĩa biên giới trong các mã twitter bootstrap là:

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

nhưng mã của bạn là

table td { /* css */} 

là người đầu tiên được xem cụ thể hơn vì nó sử dụng lớp ".table" thay vì bàn yếu tố như bộ chọn và do đó có ưu tiên cao hơn.

Made một jsfiddle nhỏ để làm những gì bạn muốn http://jsfiddle.net/hajpoj/EfUAa/11/

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

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

Dưới đây là một nguồn lực tốt về css đặc hiệu:

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

Cũng đảm bảo rằng tập tin css của bạn được nạp sau khi bootstrap tập tin.