CSS-Problem mit ul li eine Liste

Ich arbeitete am Aufbau der Benutzeroberfläche und ich habe gerade ein wirklich seltsames Problem.CSS-Problem mit ul li eine Liste

Die Liste erhält nie Farbe, entfernt nie die Unterstreichung.

/*############## Start Mine Style ##############*/ 
 

 
body{ 
 
    background-color: #fff; 
 
} 
 

 
.contaner{ 
 
    width: 1170px; 
 
    margin: auto; 
 
} 
 

 
/*############## End Mine Style ##############*/ 
 

 
/*Start Header*/ 
 
.header{ 
 
    background-color: #666; 
 
    height: 20px; 
 
} 
 
/*End Header*/ 
 

 
/*Start Navbar*/ 
 
.navbar{ 
 
    background-color: #252f31; 
 
    padding: 0; 
 
    color: #fff; 
 
} 
 
.navbar ul{ 
 
    list-style: none; 
 
    overflow: hidden; 
 
    padding: 0; 
 
    display: inline-block; 
 
    color: #fff; 
 
    text-decoration: none; 
 
} 
 
.navbar ul li{ 
 
    float: left; 
 
    padding: 20px; 
 
    color: #fff; 
 
} 
 
/*End navbar*/

<!DOCTYPE html> 
 
<html lang="en"> 
 
    <head> 
 
     <meta charset="UTF-8"> 
 
     <title>PsdToHtml-1!</title> 
 
     <link rel="stylesheet" href="css/style.css"> 
 
     <link rel="stylesheet" href="css/normalize.css"> 
 
    </head> 
 
    <body> 
 
     <div class="header"> 
 
      <div class="slider"> 
 
       Slider 
 
      </div> 
 
     </div> 
 
     <div class="navbar"> \t 
 
      <ul> 
 
       <li><a href="">Raw</a></li> 
 
       <li><a href="">Raw</a></li> 
 
       <li><a href="">Raw</a></li> 
 
       <li><a href="">Raw</a></li> 
 
       <li><a href="">Raw</a></li> 
 
       <li><a href="">Raw</a></li> 
 
       <li><a href="">Raw</a></li> 
 
       <li><a href="">Raw</a></li> 
 
      </ul> 
 
     </div> 
 
    </body> 
 
</html>

Quelle

2016-07-10 mohamed saed

Du Styling die li Elemente, nicht aber die a Elemente.

Versuchen Sie, diese Regel hinzuzufügen:

.navbar ul li a { 
    color: inherit; 
    text-decoration: none; 
}

Quelle

2016-07-10 21:16:53 1sloc

Auch laden Sie Ihre 'style.css' Datei nach dem' normalize.css' Datei. Auf diese Weise können Sie die von der Normalisierungsdatei vorgenommenen Änderungen überschreiben. – cameck

dein mein Held Kumpel danke :) –

@mohamedsaed sicher sein, die Antwort zu akzeptieren, wenn es hilfreich wäre. –

CSS-Problem mit ul li eine Liste

Antwort

Verwandte Themen