Question

我的导航栏目前应该设置为文本为白色，但这不是正在发生的事情。相反，它在不同时间导航栏中的不同链接随机显示为蓝色，我不明白为什么。我问过我大学的几个人，他们也不知道为什么。

以下是正在发生的事情的图像 - http://i.imgur.com/gVWuD2J.png

这是我的CSS代码：

//链接变体的颜色

a:link
{
color: whitesmoke;
text-decoration: none;
}

a:visited 
{
color: whitesmoke;
text-decoration: none;
}
a:hover 
{
color: grey;
text-decoration: underline;
}

a:active
{
color: whitesmoke;
}

#navigation_bar
{
margin-left: 10%;
margin-right: 10%;
margin-top: 20px;
width: 80%;
border: 1px solid #222;
border-radius: 8px;
box-shadow: 2px 2px 5px #888888;
background-color: #080808;
background-image: linear-gradient(#444, #111);    
}

#navigation_bar_li 
{
list-style-type: none;
box-shadow: 3px 0 0 0px #444;
border-right: 2px solid #222;
float: left;
position: relative;
list-style: none;    
}

#navigation_bar_li a
{
 padding: 16px 32px;
 text-decoration: none;
 font: "bold"; 
 color: #f3ffff; 
 text-shadow:  0 .5px  0 whitesmoke; 
}

.navigation_bar, .navigation_bar ul
{  
list-style: none;
margin: 0;
padding: 0;  
}

HTML代码在这里 -

<!DOCTYPE html>

<html>


<head>
<title>E-Portfolio Main</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">

<link rel="stylesheet" type="text/css" href="css/mystyle.css">
</head>

<body>
<div id="navigation_bar">
        <div>
        <ul id="navigation_bar_li">

        <li><a href="index.html">Main Page</a></li>
        <li><a href="Games_Page.html">Games Page</a></li> 
        <li><a href="#">Blog</a></li>
        <li><a href="#">Graphics</a></li>
        <li><a href="#">About Me</a></li>

    </ul>

    </div>
    </div>

</body>
</html>

对此事的任何帮助都会非常感激，我只是看不出是什么让文字变成蓝色。

CSS：为什么我的文字不是指定的颜色？

0 个答案: