Hai :: sau pseudo-yếu tố

Question

thể trùng lặp:
Adding pseudo-elements after pseudo-elements

Tôi muốn áp dụng hai css ::after giả yếu tố để một phần tử DOM duy nhất, mỗi người một khác nhau màu. (Có, tôi có thể bọc phần tử DOM trong phần tử DOM khác và cung cấp cho từng phần tử và ::after phần tử giả, nhưng sở thích của tôi là html rõ ràng hơn.)

Tôi nghi ngờ điều đó là có thể, nhưng tự hỏi không biết ai đó có thể cho tôi biết rõ hơn.

Tôi đặc biệt nghi ngờ khả năng kết hợp các phần tử giả với nhau ::after sao cho một ::after liên quan đến phần tử DOM khác, liên quan đến phần tử DOM, nhưng nếu có ai biết cách thực hiện điều đó.

Answer 1

Bạn có thể sử dụng một pseudo-yếu tố :before ngoài của bạn :after - http://jsfiddle.net/BePSq/

Answer 2

Bạn không thể thêm hai thành phần giả ::after vào một phần tử DOM. Tuy nhiên, bạn có thể thêm ::before bổ sung. Tùy thuộc vào những gì bạn đang cố gắng để thực hiện, điều này có thể làm việc.

Answer 3

Bạn có thể sử dụng cả hai: trước và: after giả yếu tố cùng một lúc trên một phần tử DOM. Chỉ cần đảm bảo bạn đặt chúng chính xác. Tôi tin rằng: trước khi đặt phần tử psudo trước phần tử gốc, trong khi: sau các vị trí sau html. Bạn chỉ có thể sử dụng hai cái này và không thể thêm nhiều phần tử giả hơn thế.