2016-12-20 10 views
0

Этот HTML-
Главная страница Я пытаюсь поставить свойство перехода на мой тег, когда ссылка посещаемые, когда его зависании изменить цвет

<body> 
    <div class="container"> 
     <header>   
      <nav class="nav-items"> 

        <ul> 
         <li id="li_1"><a href="index.html">First</a></li> 
         <li id="li_2"><a href="secondpage.html">Second</a></li> 
         <li id="li_3"><a href="thirdpage.html">Third</a> </li> 
         <div class="clear"> 

       </div> 
        </ul> 

Выше html для ссылок, который является плавающим списком с тегами A.

  </nav> 
     </header> 
    </div> 
</body> 

Это CSS

*{ 
margin: 0px; 
padding: 0px; 
} 


.container{ 
width: 1000px; 
margin: 0px auto; 
background-color: #c7c7c7; 

} 

.nav-items{ 
height: 40px; 
background-color: #8d8b8b; 
} 
.nav-items ul li{ 
list-style-type: none; 
float: left; 
margin: 10px 5px; 
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
font-size: 20px; 


} 

.clear{ 

clear: both; 


} 


/*a{ 
    color: #1f9393; 
transition-property: color; 
transition-duration: 2s; 
} 
*/ 

Это работает^но мне нужен код, приведенный ниже, чтобы работать

a:link{ 
color: #f0ffff; 
text-decoration: none; 

} 
a:visited{ 
text-decoration: none; 
color: #1f9393; 
transition-property: color; 
transition-duration: 2s; 

} 
a:hover{ 
color: #2f2f2f; 
} 
a:active{ 
color: #3e3d3b; 
} 

Мне нужно для посещаемой связи с переходом на цвет, когда его парили ...в чем проблема???

ответ

0

Необходимо указать перейдите по ссылке, находящейся ниже: побывавшей в стране:.

Прямо сейчас свойство перехода присваивается ссылке, когда оно имеет состояние посещения. Когда вы наводите на него курсор, состояние ссылки изменяется от посещения до наведения, и переход к этому состоянию невозможен. Вот почему вам нужно назначить переход к элементу напрямую.

a:link{ 
 
color: green; 
 
text-decoration: none; 
 
transition: color 2s; 
 

 
} 
 
a:visited{ 
 
text-decoration: none; 
 
color: red; 
 
} 
 
a:hover{ 
 
color: black; 
 
}
<a href="#">link</a>

+0

Спасибо !! Он работает пожалуйста, вы можете furhter объяснить, почему на самом деле это должно было быть так, как это – JDOG

+0

Конечно! Я обновил ответ. – Alvaro

+0

Мне так жаль, что это трудно понять, разве это не то, что у меня было до перехода на то, когда есть изменение цвета, которое, когда я зависал, произошло, изменив цвет? – JDOG