Chọn danh sách đầu tiên trong bảng - CSS con đầu tiên?

Question

có lẽ tôi đang sủa cây sai. Tôi có một bảng với 6 cột, mỗi cột có một danh sách theo thứ tự. Tôi muốn tất cả chúng có một đường viền ngoại trừ danh sách đầu tiên.

The site is in development here Về cơ bản mặc dù html là

<tr> 
<td> 
    <ol> 
    <li>hello</li> 
    </ol> 
</td> 
<td> 
    <ol> 
    <li>hello</li> 
    </ol> 
</td> 
<td> 
    <ol> 
    <li>hello</li> 
    </ol> 
</td> 
</tr> 

Tôi nghĩ là người đầu tiên con của tr sẽ làm việc như vậy tr:first-child ol {style}

Answer 1

Bộ chọn :first-child là CSS2 và không được hỗ trợ trên IE6. Nếu IE6 là quan trọng thì bạn sẽ cần phải cung cấp cho con đầu tiên một lớp mà bạn có thể chọn thay vào đó. Nhưng cú pháp đúng là:

tr td:first-child ol { ... } 

Khi bạn làm:

tr:first-child ... 

bạn đang thực sự chọn <tr> yếu tố mà là trẻ em đầu tiên. Cũng lưu ý rằng:

tr :first-child ... 

là chọn con đầu tiên của hàng bảng.

Answer 2

Đó không phải là cách nó hoạt động, tr:first-child ol chọn tr là con đầu tiên của phần tử gốc. Bạn phải sử dụng số first-child giả trên td để thay thế.