css“onclick”伪效果问题

时间:2013-07-25 04:46:49

标签: css

使用完全相同的CSS,

onclick伪效果可以在同一站点的一个页面上使用此代码正常工作:

<a data-url="#" class="btn btn-share referral_button">Button Text</a>

(但不可否认,它位于不同div的不同页面上)

但不在另一个页面上,代码是:

<a data-url="#" class="btn btn-share referral_button" onclick="javascript:$find('ABC').set_activeTabIndex(3);">Button Text</a>

而不是表现它应该在点击时缩小 - 并且恢复到没有任何css样式的外观 - 或者至少不是正确的CSS样式

我最初认为这与onclick =“javascript ...某些事情发生冲突/重叠并影响CSS执行它应该如何但 * EDIT < / strong> 它不能是这个因为我刚刚删除了整个onclick部分并且问题仍然存在:( * *

所以它一定是别的......

相关的CSS就在这里:对不起它很长,可能很臃肿。最相关的东西我认为是最底层的......

https://docs.google.com/document/d/1N7YQ5YuvY6DJn8-nr4sinx4LY7WOS88eErpRHe4IE_g/pub

2 个答案:

答案 0 :(得分:0)

看到它的语法无效,我会说删除所有:active.active语句中的“\ 9”

如下所示:
.btn.active{background-color:#cccccc \9;}

编辑:此外,(与答案无关)
你的CSS非常热门。 (无罪)
您可以轻松清理它并使其更易于管理 此外,它可能只是我疲惫的眼睛,但它的一半接缝只是重复和/或覆盖另一半(这可以追溯到清理它并使其易于管理)。

老实说,你的工作人员,只要你能阅读并使用它。给每个人自己。我更喜欢我的CSS在开发环境中非常易读。

答案 1 :(得分:0)

最明显的建议是,在这个神秘的“其他”页面上有一些东西,它会覆盖这种风格。

使用像Firebug for Firefox这样的工具来检查元素及其“样式”,这可能会为您提供有关覆盖您所期望的行为的提示。

如果您没有使用常见的CSS文件,请检查两个页面上的CSS是否相同。

阅读CSS Specificity,这可能是您遇到问题的根本原因。这有助于解释为什么样式b覆盖样式a

归结为两页的一些差异。