Не отображается картинка в a.menu:visited в CSS

323

24 ноября 2016, 10:08

При наведении, фокусе, visited, активации и псевдокселекторе link должно отображать рисунок. Visited не работает. Не знаю в чем причина. Вроде статистические псевдоселекторы идут до динамических (по правилу).

a.menu:link { 
  background: #fff url("4.png") center right no-repeat; 
} 
a.menu:visited { 
  background: #fff url("2.png") center right no-repeat; 
} 
a.menu:hover { 
  background: #fff url("1.png") center right no-repeat; 
} 
a.menu:focus:hover { 
  background: #fff url("3.png") center right no-repeat; 
} 
a.menu:active:hover { 
  background: #fff url("5.png") center right no-repeat; 
} 
a { 
  text-decoration: none; 
  font-size: 30px; 
  padding-right: 25px; 
  padding-left: 15px; 
}

<!DOCTYPE html> 
<html> 
 
<head> 
  <meta charset="utf-8" http-equiv="Content-Type" content="text/html"> 
  <link href="style2.css" rel="stylesheet" type="text/css"> 
  <title></title> 
 
</head> 
 
<body> 
 
  <a href="#" id="lar" class="menu">Головна</a> 
  <a href="#" class="menu">Автор</a> 
  <a href="#" class="menu">Новини</a> 
  <a href="#" class="menu">Ресурси</a> 
 
</body> 
 
</html>

Answer 1

Разработчики большинства браузеров избегают использования background-images в ссылках с псевдоклассом :visited, потому что считают их нарушением приватности пользователей.