導航欄中的鏈接顏色是不可改變的

這是我的代碼 ` 我的個人網站導航欄中的鏈接顏色是不可改變的

<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

它的工作！謝謝！ –

導航欄中的鏈接顏色是不可改變的

回答

相關問題