Допустим, я хотел добавить фигуру (например, галочку) рядом со ссылкой после того, как она была посещена, вместо того, чтобы она просто побагровела, используя:: after и a: visit.

Я не уверен, стоит ли мне выбирать такую форму:

a:visited:after {

или вот так:

a:visited a:after

или же

a:visited :after {

(Я также немного размыт, когда я должен или не должен добавлять пробел перед псевдоэлементом, или это вообще имеет значение?)

или что-то другое?

Прямо сейчас мой CSS выглядит так:

a:visited:after {
    /* check mark shape */
    content:'\00a0';
    color: black;
    position: relative;
    left:15px;
    display:inline-block;
    width: 3px;
    height: 6px;
    border: solid black;
    border-width: 0 2px 2px 0;  
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

код формы галочки из http://webitect.net/design/webdesign/creating-fancy-bullet-points-with-pure-css3/

Спасибо за любую помощь.