css"；onclick"；伪效应问题

使用完全相同的CSS

onclick伪效果可以在同一站点的一页上使用此代码：

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

---

鉴于这是一种无效的语法，我建议从所有
:active
和
.active
语句中删除“\9”

如下所示：

.btn.active{背景色：#cccc\9；}

编辑：此外，（与答案无关）

你的CSS真是一团糟。（无违法行为）

您可以轻松地将其清理干净，使其更易于管理。

另外，它可能只是我疲惫的眼睛，但它的一半只是重复和/或覆盖另一半（这又回到了清理和管理它）

老实说，你的电脑是正在开发的，所以只要你能阅读和使用它就行了。每个人都有自己的。我更喜欢我的CSS在开发环境中可读性很强。
最明显的建议是在这个神秘的“其他”页面上有一些东西，它覆盖了样式

使用Firefox的Firebug之类的工具来检查元素及其样式。这可能会给你一个提示，说明是什么超出了你的预期

如果没有使用公共CSS文件，请检查两个页面上的CSS是否相同

仔细阅读，这可能是你问题的根本原因。这有助于解释为什么样式
b
比样式
a
更重要

归结起来，这两页上有些不同
 谢谢你指出这一点。完成。移除它们。但这并不能解决问题。我已经用更正的css更新了上面的google doc css代码链接。哦，哇，也许我不应该删除它们。不管怎样，我认为他们与这个问题无关。对我来说，这与onclick触发的javascript有关event@Fabr马特啊。明白了。我从来没有参与过IE的各种恶作剧。我只是想让我的东西在跨浏览器时与它们兼容。谢谢你提供的信息！似乎我被卡住了。。。我很感激你提出的清理CSS的建议，但没有意义的是为什么CSS现在可以在网站的一个页面上正常工作。。。这让我快发疯了。我认为我对这个问题的定义足够清楚，但不知何故，没有多少人看到过，更不用说试图帮助了。无论如何，谢谢你的输入。我终于得到了返回CSS的结果，并没有真正清理它本身，而是对它进行了调整。。并且取得了很好的效果。。因此，这似乎不是与其他CSS代码的冲突，而是奇怪的CSS代码如何在一个页面上工作，而不是在另一个页面上没有这种调整。我知道，我的解释很糟糕，我清楚地向全世界展示了我糟糕的编码技能，但是。。嘿，至少我已经让它工作了，以这样或那样的方式解决了：）实际预期的行为是什么？你能提供一个在jsfidle（）中工作或损坏的例子吗？不工作的例子是一个实时站点上的实时页面，所以不确定我是否应该在这里共享它，但不同的是，当你单击按钮时，它会收缩并更改样式，因为它会收缩，所以会影响它下面的所有内容。。它快把我逼疯了！如果我们看不到问题的背景，就很难帮助您。谢谢Jon，这很有帮助。当我点击按钮时，“其他”页面上的其他css样式似乎已经过时了。我会尽力调查。我不使用Firefox，但使用的是Chrome——当你右键点击并选择“inspect element”时会出现的一个调试工具，使用Chrome点击“f12”会出现类似于firebug的工具。但我更喜欢firefox/firebug的组合，它比我更强大。如果你是认真对待这个网页开发/设计的事情，你应该运行尽可能多的浏览器。至少Firefox、Chrome、IE（如果在windows上）、Safari（在Mac上）。跨浏览器问题仍然非常有效。据我所知，相关CSS属性为：active或.active（与在元素上单击鼠标有关）因此，我是否在页面上寻找其他类似的CSS属性，这些属性具有更高的特定性值，因此在某种程度上具有凌驾性？
。active是分配给元素的类，例如：
class=“active”
，
：active
是当元素处于活动/单击状态时应用的样式。您当前有三个类别应用于按钮。这些状态是为几乎所有状态定义的
：活动状态。所有这些都将被触发，具体性和级联规则将决定它们的应用方式。我的意思是，当查看其他CSS代码以找到冲突/重叠的CSS时（有问题的页面有额外的CSS）。。因此，据我所知，我正在寻找附加CSS中的其他元素，这些元素也指定了：active样式，对吗？因为在我看来，它一定是比同一种更具特殊性/级联规则能力的东西：被过度使用的主动风格。。对不起，我知道我不擅长解释。。不过我真的很努力。在这上面花了一整天！
<a data-url="#" class="btn btn-share referral_button" onclick="javascript:$find('ABC').set_activeTabIndex(3);">Button Text</a>