jQuery移动自定义链接CSS样式

Question

当我下载的jQuery Mobile文件中时，我在获取自定义链接样式时遇到了问题。

下面是我使用的两种类型代码的示例：

.body A:link {color: #5f8bff; text-decoration: none}
.body A:visited {color: #5f8bff; text-decoration: none}
.body A:active {color: #5f8bff; text-decoration: none}
.body A:hover {color: #5f8bff ; text-decoration: underline; color: #ffffff;}

.body2 A:link {color: #e1d34b; text-decoration: none}
.body2 A:visited {color: #e1d34b; text-decoration: none}
.body2 A:active {color: #e1d34b; text-decoration: underline}
.body2 A:hover {color: #5f8bff; text-decoration: underline; color: #ffffff;}

当放置在<span class="body">和<span class="body2">中时，此代码没有响应。

示例URL在这里: www.camavision.com/wp/jquery

有什么建议吗？我正在尝试创建三种不同类型的链接样式来覆盖当前的CSS。

Answer 1

只要您的自定义CSS是最后加载的，并且您的CSS足够具体，那么它就应该覆盖它之前的任何内容。

确保你引用的是正确的东西，在它旁边放一个“！重要”。例如

.body2 A:link {color: #e1d34b !important; text-decoration: none}

如果这是可行的，那么你是指向正确的地方，但没有足够的具体或加载它的不正确的顺序。

注意:除非绝对必要，否则不要实际使用！重要，只需使用它来进一步排除故障。

编辑：

尝试将..ui链接添加到您的a标记中

    .body2 a.ui-link {color: #e1d34b; text-decoration: none}

对你所有的陈述