È possibile combinare le pseudo classi css3: after e: lastchild?

Question

Ho una lista di link e sto usando il seguente codice di mettere una parola dopo ogni elemento link:

a:after {content: "eg"} 

Tuttavia, non voglio il contenuto di venire dopo l'ultimo elemento della lista, quindi idealmente vorrei dire qualcosa come

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

ma questo è spogliare il contenuto che viene dopo tutti i collegamenti. C'è comunque un modo di combinare questi due? Se c'è e si può spiegare cosa sta succedendo esattamente Vorrei davvero grato :)

Grazie

Answer 1

Prova questa:

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: ""}​ 

Ecco un Fiddle dimostrare.

Inoltre, tenere a mente, se si dispone di molti utenti che usano IE7 e IE8, la classe :after pseudo non funziona in IE7 e al di sotto, e la classe :last-child pseudo non funziona in IE8 e al di sotto. Vedi qui: http://www.quirksmode.org/css/contents.html

Answer 2

farei che con una combinazione di :not, :last-child e :after. Con :not(:last-child) si seleziona ogni link tranne l'ultimo: http://jsfiddle.net/2CS9G/

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

Se i a -tag sono in una lista (ul): http://jsfiddle.net/2CS9G/2/

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

Answer 3

Funziona per me>link

potrebbe essere che si è dimenticato di aggiungere display: block al a.

Answer 4

Questo commento è di "Delphi"? (https://stackoverflow.com/a/4917325/960592

Utilizzando la soluzione di Nick craver con selectivizr consente una croce soluzione del browser (IE6 +)

Answer 5

La seguente combinazione di selezione ha funzionato per me:

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