Trừ khi nó không được phép nhưng tôi dường như không thể nhận được nth-child
để xác nhận bộ chọn lớp.nth-child không phản hồi với bộ chọn lớp
Tôi đã nói 4 div trong div khác, tất cả các lớp và id khác nhau. Tôi cần phải chọn trường hợp đầu tiên của một div với lớp đã nói. Ví dụ:
#content .foo:nth-child(1) { margin-top: 0; }
Và rõ ràng một lần nữa với first-child
để có được tác động tương tự, nhưng nó không ảnh hưởng đến bất kỳ div nào.
Bây giờ nếu tôi muốn buộc nó để làm việc với div mà tôi có thể làm điều này:
#content .foo:nth-child(3) { margin-top: 0; }
Nó chỉ như vậy sẽ xảy ra rằng đó là div thứ 3 trong # content, mà là vô nghĩa bởi vì tôi cần phải nhận được ví dụ đầu tiên của bất kỳ thứ gì với lớp đó.
<div id="content">
<div id="action-bar"> </div>
<div id="message"> </div>
<div class="table"> </div>
<div class="clear"> </div>
</div>
Đây là một mẫu của HTML, tôi đã cố gắng nth-of-type
cũng như thế này:
#content .table:nth-of-type(1) { margin: 0 }
Một lần nữa nó chỉ đáp ứng khi tôi nói nth-of-type(3)
.
EDIT:
tôi đã thiết lập một ví dụ làm việc của vấn đề tôi đang gặp ở đây: http://jsfiddle.net/aHwS8/
có lẽ bạn nên cho chúng ta thấy những phần tương ứng của tài liệu HTML thực tế của bạn. – Gumbo
@gumbo chắc chắn điều, tôi chỉ chỉnh sửa nó .. :) – stuartc
Nhưng (ít nhất là trong ví dụ này) bạn chỉ có một yếu tố với bảng * lớp *. – Gumbo