链接、已访问、悬停、活动的CSS超链接颜色不一致

我目前正在使用CSS更改左侧导航中的超链接颜色，但似乎存在一些不一致之处。一些链接将采用我声明的正确属性，而其他链接将不接受它们。我已经向所有链接声明了相同的

classnav

。据我所知，这些链接没有任何覆盖，因为它是孤立的

下面是左侧的导航代码片段

这项工作：

var context='<%=request.getContextPath()%>';
<%--    var sOrg = '<%=sOrg%>'; --%>
document.write("<div id=\"leftNav\">");
document.write("<div id=\"leftNavtext\"><a href=\"home.htm?sOrg="+'<%=sOrg%>'+"\" class=\"nav\" id=\"phome\" style=\"text-decoration:none\" >Home</a></div>");

document.write("<div  style=\" padding-left: 20px;padding-top:5px;\"><a href=\"scheduleMonitor.htm\" class=\"nav\" id=\"scheduleMonitor\" style=\"text-decoration:none\">Monitor Data Loads</a></div>");

据我所知，这两个链接之间没有区别。这些只是我在左侧导航中的许多链接中的一小部分，这是随机发生的。我目前正在使用IE9，这个浏览器是我的要求

---

任何帮助都将不胜感激！谢谢

你有没有把所有的锚都格式化

a, a:link, a:visited {some.css}
a:hover, a:visited:hover, a:active, a:focus {some-other.css}

---

可能您正在查看特定于浏览器的样式。

您是否格式化了锚定的所有：伪声明

a, a:link, a:visited {some.css}
a:hover, a:visited:hover, a:active, a:focus {some-other.css}

也许您正在查看特定于浏览器的样式。

首先

• 文本颜色

  属性不存在；改用

  颜色

• 如果您使用的是ASP（似乎是），请在问题中添加相应的标签

其次，问题不在于你的CSS；请看下面这个小小的JSFiddle：

事实上，您正在使用document.write（）方法将对象动态添加到页面中，但此方法将

div

奇怪地添加到DOM中，因此CSS不考虑这些对象（内联对象除外）。通过简单地使用

.innerHTML

属性进行测试，这似乎是可行的（请参阅fiddle）。

首先

• 文本颜色

  属性不存在；改用

  颜色

• 如果您使用的是ASP（似乎是），请在问题中添加相应的标签

其次，问题不在于你的CSS；请看下面这个小小的JSFiddle：

---

事实上，您正在使用document.write（）方法将对象动态添加到页面中，但此方法将

div

奇怪地添加到DOM中，因此CSS不考虑这些对象（内联对象除外）。通过简单地使用

.innerHTML

属性进行测试，这似乎是可行的（请参阅fiddle）。

我最终不得不为链接放置内联代码：

---

document.write（“”）
我最后不得不为链接放置内联代码：

document.write（“”）
就像文档.write的注释一样，如果使用单引号将字符串括起来，则不必对每个双引号进行转义，例如document.write（“”）。我发现这有助于避免难以发现的问题。是否检查了dataSubmissions id的任何冲突规则？是否使用了浏览器工具的DOM inspector来查看出现了什么问题？我查看了浏览器DOM inspector，它显示已应用了样式。奇怪的是，hover是有效的。
link
不起作用。就像文档的注释一样。write的，如果使用单引号将字符串括起来，例如document.write（“”），则不必对每个双引号进行转义。我发现这有助于避免难以发现的问题。是否检查了dataSubmissions id的任何冲突规则？是否使用了浏览器工具的DOM inspector来查看出现了什么问题？我查看了浏览器DOM inspector，它显示已应用了样式。奇怪的是，悬停有效..只是
链接
无效。谢谢您的回复。我已将
文本颜色
更改为
颜色
。我没有使用ASP。我使用了
document.innerHTML
，它适用于其中一个链接。对于其他人来说，它消失了，并且弄乱了整个左侧导航菜单。@Richard，不客气！你能帮我们解决一下你的bug吗？谢谢你的回复。我已将
文本颜色
更改为
颜色
。我没有使用ASP。我使用了
document.innerHTML
，它适用于其中一个链接。对于其他人来说，它消失了，并且弄乱了整个左侧导航菜单。@Richard，不客气！你能帮我解决你的问题吗？我添加了你的建议，但它并没有解决问题。谢谢。我添加了你的建议，但没有解决问题。谢谢。这可能不是最容易维护的代码，但很高兴你找到了一个解决办法！不要忘记将答案标记为“已接受”，这可能不是最可维护的代码，但很高兴您找到了解决方法！别忘了将答案标记为“已接受”
a, a:link, a:visited {some.css}
a:hover, a:visited:hover, a:active, a:focus {some-other.css}