Порядок объявления CSS-свойств для ссылок

При добавлении CSS-свойств ссылкам, важно соблюсти порядок объявления определенный свойств.

Сначала объявляем общие свойства для всех ссылок, потом объявляем свойства для посещенных ссылок, и только в самом конце прописывам свойства ссылкам hover и focus. Подробнее о том какие бывают CSS-свойства для ссылок.

Например так:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

a {
     font-size:14px;
     font-family:sans-serif;
     color:#87cae5;
}
 
a:visited {
     color:#54899f;
}
 
a:hover,  
a:focus {
     color:#000;
}

В этом случае у всех ссылок будет шрифт sans-serif и размер шрифта 14 пикселей. Цвет ссылок будет меняться в зависимости от того, что происходит со ссылкой.

Причем ссылка visited должна быть прописана раньше, чем ссылки hover и focus, иначе над посещенными ссылками не будет срабатывать ховер и фокус эффект.