Html 缺少悬停效果和单击标题中最后一项的能力

我正在制作一个导航栏，但我的最后一个链接（“联系人”）停止工作。它仍然显示，但不可单击，并且没有悬停效果。我不知道我做了什么。我是新手，所以我可能在某个地方删除了一些东西。我一辈子都想不出来

.main收割台导航ul{
/*删除项目符号*/
列表样式：无；
保证金：0自动；
文本对齐：居中；
}
.main头导航ul li{
浮动：中心；
显示：内联；
底部：20px；
字体系列：Avenir；
字体大小：正常；
字体大小：20px；
利润率：50像素；
}
/*菜单栏内的文本*/
.mainHeader导航a:链接，.mainHeader导航a:已访问{
颜色：#FFF；
显示：内联块；
填充：10px 25px；
高度：20px；
}
/*菜单栏内的文本*/
.mainHeader导航a:链接，.mainHeader导航a:悬停{
颜色：#000000；
显示：内联块；
填充：10px 25px；
高度：20px；
}
.mainHeader导航a:悬停，.mainHeader导航a:激活，
.mainHeader导航。活动a:链接，.mainHeader导航。活动a:已访问{
颜色：000000；
文本阴影：无；
}

联系人按钮适合我。我做了一点修改

/*text inside menu bar*/
.mainHeader nav a:link, .mainHeader nav a:visited {
    color: #FFF;
    padding: 10px 15px;
 }

/*text inside menu bar*/
.mainHeader nav a:link, .mainHeader nav a:hover {
    color: #000000;
    padding: 10px 15px;
  }

---

有几行CSS代码编写不正确。例如，在下面的代码中，您错过了颜色属性的

#

。和float CSS属性没有任何值

center

Float具有这些属性。

none

是初始值。价值观是

左、右、无、继承

这是工作表


.main收割台导航ul{
/*删除项目符号*/
列表样式：无；
保证金：0自动；
文本对齐：居中；
}
.main头导航ul li{
float:center；/*没有这样的值*/
显示：内联；
底部：20px；
字体系列：Avenir；
字体大小：正常；
字体大小：20px；
利润率：50像素；
}
/*菜单栏内的文本*/
.mainHeader导航a:链接，.mainHeader导航a:已访问{
/*颜色：#FFF*/
显示：内联块；
填充：10px 25px；
高度：20px；
}
/*菜单栏内的文本*/
.main标题导航a{
颜色：#000000；
显示：内联块；
填充：10px 25px；
高度：20px；
}
.mainHeader导航a:悬停，.mainHeader导航a:激活，
.mainHeader导航。活动a:链接，.mainHeader导航。活动a:已访问{
颜色：#ef8913；
文本阴影：无；
}







像这样尝试：

CSS:

我在
a
之前添加了
li
如下
。mainHeader导航li a:link，.mainHeader导航li a:visitored
@Amit，这里是一个JSfiddle。诚然，我在识别问题上有点困难。Rsterling-你能发布一张你希望发生的事情的图片或一些东西，或者为我们展示一切，让我们知道你的最终目标是什么吗？在
css
change
color:000000至
颜色：#000000正如Alexander提到的，实际问题并不明显..main header nav ul li-float:center；底部：20px；？这里有一张图片，希望能为我的问题提供一个例子。下面所有的建议都不起作用@阿米特
.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
    color:000000;
    text-shadow: none; 
}

body {
    background:#ccc;
}
.mainHeader nav ul {
    /*removes bullet points*/
    list-style: none;
    margin: 0 auto;
    text-align: center;
}
.mainHeader nav ul li {
    float: center;
    display: inline;
    bottom: 20px;
    font-family: Avenir;
    font-weight: normal;
    font-size: 20px;
    margin: 50px;
}
/*text inside menu bar*/
 .mainHeader nav li a:link, .mainHeader nav li a:visited {
    color: #FFF;
    display: inline-block;
    padding: 10px 25px;
    height: 20px;
}
/*text inside menu bar*/
 .mainHeader nav li a:link, .mainHeader nav li a:hover {
    color: #000000;
    display: inline-block;
    padding: 10px 25px;
    height: 20px;
}
.mainHeader nav li a:hover, .mainHeader nav li a:active, .mainHeader nav .active li a:link, .mainHeader nav .active li a:visited {
    color:#000000;
    text-shadow: none;
}