スマホのリンク付きのリスト一覧などでよく見る右側の とか のアイコンが付いたリスト。アイコンが丁度各リストの中央に来るようにする方法です。 擬似要素 :after を利用IE6 を対応させるなどの条件のために、これまでは直接 img 要素で入れたり background-image として入れることが多かったアイコンですが、スマホ対応だったりモダンブラウザのみの対応の場合は、擬似要素の :after が活用できるようになりました。 CSS2 で導入された時点ではコロンは1つでしたが、CSS3 ではコロンが2つの ::after も利用できるようになっています。擬似クラスが増えた際に擬似要素と擬似クラスを明確に分けるために、 after や before などの擬似要素はコロン2つとなりました。 現状では :after も ::after もどちらも利用できる状況のため、どちらを使っても大丈