jQuery移动自定义链接CSS样式

jQuery移动自定义链接CSS样式,jquery,css,jquery-mobile,hyperlink,Jquery,Css,Jquery Mobile,Hyperlink,我在下载的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: #5f

我在下载的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;}
此代码放置在
中时没有响应

示例URL如下:www.camavision.com/wp/jquery


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

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

确保你引用了正确的东西,在旁边放一个“!important”。比如说

.body2 A:link {color: #e1d34b !important; text-decoration: none}
如果这样做有效,那么您指向了正确的位置,但不够具体,或者加载顺序不正确

注意:不要实际使用!重要信息:除非绝对必要,否则请使用它进行进一步的故障排除

编辑:

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

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

对于您的所有陈述

您可以要求用户参考专用性文档,而不是放!重要的是,它甚至超越了内联css或脚本应用的css。这里是参考专用性文档的链接。我做了一个特别的声明,没有说不要使用它,而是为了测试的目的使用它。你在哪里读不到文章的后半部分?我把自定义CSS移到了CSS文件的底部(我把它错误地放在了开头)。但是,使用任何特定标记(body、body2、body3)仍然不会产生任何成功的结果。在工作结束之前,是否将这些样式标记放在“index.html”文件中?我正在使用这里找到的默认jQuery Mobile 1.3.2 CSS文件,并试图将CSS样式的编码放在里面:任何关于CSS覆盖的建议都将不胜感激!