Nói rằng tôi có một danh sách như sau:Có cách nào để chọn mục cuối cùng của danh sách với CSS không?
- item1
- ITEM2
- ITEM3
Có một chọn CSS mà sẽ cho phép tôi để trực tiếp chọn mục cuối cùng của một danh sách? Trong trường hợp này mục 3.
Chúc mừng!
Nói rằng tôi có một danh sách như sau:Có cách nào để chọn mục cuối cùng của danh sách với CSS không?
Có một chọn CSS mà sẽ cho phép tôi để trực tiếp chọn mục cuối cùng của một danh sách? Trong trường hợp này mục 3.
Chúc mừng!
Không phải là tôi biết. Giải pháp truyền thống là gắn thẻ các mục cuối cùng với lớp == "first" & lớp = "cuối cùng" để bạn có thể nhận dạng chúng.
CSS psudo-class first-child sẽ giúp bạn có được mục đầu tiên nhưng không phải tất cả các trình duyệt đều hỗ trợ nó. CSS3 sẽ có last-child too (hiện tại được hỗ trợ bởi Firefox, Safari nhưng không hỗ trợ IE 6/7/beta 8)
Cho đến khi nó được hỗ trợ đúng cách, bạn sẽ cần phải thêm lớp vào mục 'cuối cùng', như được đề xuất. Tuy nhiên, bạn không phải làm điều này bằng tay. Nếu bạn có thể mất một hit javascript, hãy nhìn vào một trong hai:
Hoặc sẽ tránh 'gây ô nhiễm' đánh dấu của bạn, và hoàn toàn chấp nhận được nếu phong cách của bạn là một 'bổ sung tốt đẹp' như trái ngược với một 'phải có' tính năng thiết kế.
Điều này có vẻ vẫn là trường hợp nếu bạn đang tìm kiếm hỗ trợ x-nền tảng. –
Liên kết thứ hai "Keeping Your ..." đã hoạt động! –
+1 để tham khảo jQuery. Nếu bạn không kiểm soát đánh dấu, vì nó là trường hợp trong rất nhiều bài tập về skin/sản phẩm mẫu, đây thực sự là cách duy nhất (và dễ nhất) để thành công với khả năng tương thích trình duyệt x rộng. – cdonner
Câu trả lời cho câu hỏi này sẽ được cập nhật! IE9 + Firefox (trong một thời gian trở lại) + Chrome, Safari tất cả hỗ trợ: last-of-type
hoặc last-child
Tôi đã chạy qua li: bộ chọn cuối cùng trước đó; tuy nhiên tôi không thể sử dụng nó vì nó không hoạt động trong IE. Trong trường hợp này, tôi không có quyền kiểm soát HTML, vì vậy tôi không thể gắn thẻ con đầu tiên và cuối cùng cho phù hợp. – Marcel
Trong trường hợp đó, tôi sợ bạn sẽ không làm điều này để làm những gì bạn muốn. Bạn có thể làm điều đó với javascript nếu bạn có quyền kiểm soát và bạn muốn đi xuống con đường đó, nhưng đó là một con đường tối, đáng sợ với con rồng;) –
Câu trả lời đúng như hỗ trợ trình duyệt trong năm 2013 là bởi OZZIE. Câu trả lời lỗi thời là của Glenn Slaven. – gorbysbm