Как сделать последнее звено не имеет: после

Question

У меня есть этот CSS

.pages a { 
text-decoration: none; 
color: #1e1e1e; 
font-weight: bold; 
display: inline; 
padding-left: 8px; 
} 

.pages a:after { 
content: "|"; 
padding-left: 8px; 
} 

Я хочу содержание в a:after имеет | после последнего «а». Как мне это сделать? Я пробовал использовать :last-of-type, но это не сработало.

В настоящее время выглядит следующим образом

1 | 2 | 3 | 

Answer 1

Вы можете попробовать это

/*Other style goes here*/ 

.pages a:last-child:after { 
    content: "";  
} 

DEMO.

Answer 2

Что об этом, last-of-type будет работать

.pages a:last-of-type:after{ 
    content: ''; 
} 

Answer 3

Он ре, что вы хотите, я думаю:

http://jsfiddle.net/VVv7f/

.pages a { 
    text-decoration: none; 
    color: #1e1e1e; 
    font-weight: bold; 
    display: inline; 
    padding-left: 8px; 
} 

.pages a:after { 
    content: "|"; 
    padding-left: 8px; 
} 

.pages a:last-child:after { 
    content: ""; /* this line overwrites your "|" with empty "" */ 
} 

Answer 4

Попробуйте использовать этот

.pages a:after { 
    padding-left: 8px; 
} 
.pages a:not(:last-child):after { 
    content: '|'; 
} 

Fiddle

Это добавит отступы ко всей .pages a, и это добавит | для любого a, который не является последним ребенком .pages