Có thể kết hợp các lớp giả css3: sau và: lastchild?

Question

tôi có một danh sách các liên kết và tôi đang sử dụng đoạn mã sau để đặt một từ sau mỗi mục liên kết:

a:after {content: "eg"} 

Tuy nhiên, tôi không muốn các nội dung để đến sau khi mục cuối cùng trong danh sách, lý tưởng là tôi muốn nói điều gì đó giống như

a:last-child:after {content: ""} 

nhưng điều này sẽ loại bỏ nội dung đi kèm sau tất cả các liên kết. Có cách nào kết hợp cả hai? Nếu có và bạn có thể giải thích những gì đang xảy ra chính xác tôi thực sự sẽ đánh giá cao nó :)

Cảm ơn

Answer 1

Hãy thử điều này:

HTML :

<ul> 
<li><a href="#">Check this out</a></li> 
<li><a href="#">Check this out</a></li> 
<li><a href="#">Check this out</a></li> 
</ul> 

CSS:

a:after {content: "what what"} 
li:last-child > a:after {content: ""}​ 

Đây là một Fiddle để chứng minh. Ngoài ra, xin lưu ý rằng nếu bạn có nhiều người dùng sử dụng IE7 và IE8, lớp giả :after không hoạt động trong IE7 trở xuống và lớp giả :last-child không hoạt động trong IE8 trở xuống. Xem ở đây: http://www.quirksmode.org/css/contents.html

Answer 2

tôi muốn làm điều đó với một sự kết hợp của :not, :last-child và :after. Với :not(:last-child) bạn chọn tất cả các liên kết trừ mới nhất: http://jsfiddle.net/2CS9G/

a:not(:last-child):after{ 
    content: "--"; 
} 

Nếu a -tags của bạn đang ở trong một danh sách (ul): http://jsfiddle.net/2CS9G/2/

li:not(:last-child) a:after{ 
    content: "--"; 
} 

Answer 3

Nó làm việc cho tôi>link

Nó có thể là bạn quên để thêm display: block đến a.

Answer 4

Nhận xét này có được trợ giúp bằng "Delphi" không? (https://stackoverflow.com/a/4917325/960592

Sử dụng giải pháp nick Craver với selectivizr cho phép một giải pháp trình duyệt chéo (IE6 +)

Answer 5

Sự kết hợp chọn sau đây làm việc cho tôi:

#myObj ul li:last-child::after { . . . }