Cách áp dụng căn chỉnh văn bản bên trái trong cột đầu tiên và căn chỉnh văn bản ngay trong các cột khác

Question

Tôi có Bảng để tạo kiểu, làm cách nào tôi có thể áp dụng căn chỉnh văn bản: bên trái; chỉ cho cột đầu tiên và căn chỉnh văn bản: đúng; cho các cột khác?

Đây là ví dụ về Bảng của tôi.

http://jsfiddle.net/gianlucaguarini/hAv7P/

Tại thời điểm này text-align còn lại cho tất cả các cột.

Cảm ơn

Answer 1

Bạn cần phải xác định CSS sau:

.table td, 
.table th 
{ 
    text-align:left; 
} 

#right, 
.table td + td, 
.table th + th 
{ 
    text-align:right; 
} 

Ví dụ ở đây: http://jsfiddle.net/mWeYM/

Bạn có thể đọc thêm về liền kề anh chị em chọn CSS ở đây: http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors

Answer 2

Hey Manna tôi đã cập nhật fiddle của bạn chỉ cần nhấp vào liên kết sau:

http://jsfiddle.net/hAv7P/9/

Tất cả bạn cần làm là thêm một lớp học để các mà yu muốn liên kết và sau đó thêm css như trong fiddle

Answer 3

Bạn có thể muốn nhìn vào :first-child pseudo-class (W3C definition) - đây chính xác là thứ mà nó được thiết kế cho. Bạn có thể sử dụng nó như thế này:

.table td { 
    text-align: right; 
} 

.table td:first-child { 
    text-align: left; 
}​ 

Các :first-child pseudo-class có nghĩa bộ chọn duy nhất phù hợp với <td> đầu tiên trong mỗi <tr>.

Ví dụ ở đây: http://jsfiddle.net/xv5Cn/1/