css - 最後のリンクに :after を付けないようにする方法

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」a:afterの後にコンテンツが必要です。|どうすればいいですか？を使ってみ:last-of-typeましたが、うまくいきませんでした。

現在はこんな感じ

1 | 2 | 3 |

Answer 1

これはどうですか、last-of-typeうまくいきます

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