В общем вопрос такой, насколько знаю, можно использовать что тот что тот? В чем между ними разница если так посмотреть, и теряю ли я что то если пишу с одним двоеточием вместо двух?
В последнем CSS3 для того что бы разделить псевдоклассы и псевдоэлементы ввели такую штуку насколько знаю, просто псевдоклассы с одним двоеточием (:hover) и псевдоэлементы (::first-letter). По сути старые браузеры вроде не должны поддерживать с одним двоеточием, а в CSS3 поддерживается обратная связь, то есть если необходимо поддерживать старые браузеры то используй наверное лучше с одним двоеточием.
сколько верстаю всегда использую ::after и ::before