Question

我在使用我下载的jQuery Mobile CSS文件中删除自定义链接样式时遇到问题。

以下是我正在使用的两种代码的示例：

.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">时无响应。

示例网址位于：www.camavision.com/wp/jquery

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

Answer 1

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

确保通过在其旁边添加“！important”来引用正确的内容。例如

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

如果可以，那么你指的是正确的地方，但不够具体或加载方式不正确。

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

编辑：

尝试将.ui-link添加到您的标记

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

到你的所有陈述

jQuery Mobile自定义链接CSS样式

1 个答案: