Цвет ссылки в навигационной панели неизменен

Это мой код ` Мой личный сайт Цвет ссылки в навигационной панели неизменен

<style> 
    html body{ 
     margin:0; 
     padding:0; 
     } 
    .navbar-container { 
     position: absolute; 
     top:0; 
     width: 100%; 
     background-color: #283018; 
     } 
    .navigation-bar { 
     padding: 10px; 
     } 

    .nav-ul { 
     padding-top: 7px; 
     overflow:hidden; 
     padding-left: 540px; 
     list-style-type:none; 

     } 

    .nav-ul li { 

     color: white; 
     display: inline; 
     padding:50px; 
     text-align: center; 
     font-size: 1.1em; 
     float:left-inline; 

     } 
    .navbar-name h1 { 
     color: white; 
     float:left; 
     padding-left: 2px; 
     font-size: 1.5em; 
     } 

    .navbar-links a:link { 
     color: white; 
     text-decoration:none; 
     } 
    li a:link { 
     color:white; 
     } 
    .navbar-links li:hover, .navbar-links a:hover { 
     background-color: blue; 
     } 


</style> 

<body> 
    <nav class="navbar-container"> 
     <div class="navigation-bar"> 
     <div class="navbar-name"> 
      <h1>Welcome to My Personal Site</h1> 
     </div> 
     <div class="navbar-links"> 
      <ul class="nav-ul"> 
       <li><a href="#">Home</a></li> 
       <li><a href="#">Profile</a></li> 
       <li><a href="#">My Works</a></li> 
      </ul> 
     </div> 
     </div> 
    </nav> 
</body> 
</html>`

Я не могу изменить ссылку в навигационной панели. это код, который должен изменить цвет ссылки, но она не может

.navbar-links a:link { 
     color: white; 
     text-decoration:none; 
     }

Я даже пытался поставить li a:link , но он не работает

цвет ссылки неизменен.

Извините, но я не могу отправить скриншот

источник

2015-09-12 jerome_mjt

Попробуйте

.navbar-links li a { 
    color: white; 
    text-decoration:none; 
}

источник

2015-09-12 03:58:05

Это сработало! Спасибо! –

Цвет ссылки в навигационной панели неизменен

ответ

Смежные вопросы