0

我有一个列表项，其中包含一个链接。我已将列表项设置为链接本身，并:active启用了 css 属性以使其看起来被单击。但是，我希望当我单击其中的链接时不会发生这种情况，以免混淆用户实际结束的位置。

在我改变任何东西之前：

.store-list-item:active {
    -webkit-box-shadow: inset 2px 2px 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: inset 2px 2px 2px 2px rgba(0, 0, 0, 0.6);
}

在尝试了警卫之后：

.store-list-item:active when not (.store-list-item .make-default:active) {
    -webkit-box-shadow: inset 2px 2px 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: inset 2px 2px 2px 2px rgba(0, 0, 0, 0.6);
}

这可能吗？如果没有，有什么解决方法吗？

编辑：我添加了一个关于正在发生的事情的 jsfiddle。 http://jsfiddle.net/cV8ep/1/

4

1 回答 1

2

解决方法

如果您将当前位于的样式应用到将位于其中li的新包装器，该包装器包含除“设为默认”按钮之外的所有内容，然后在按钮上应用 a和按钮以将其定位回wrapper 在大约相同的位置，这将使按钮与获取状态的 wrapper 中的关联（现在是新的 wrapper ，而不是）。这将防止在单击按钮时激活效果。divliposition: relativeliposition: absolute:activedivli

看到这个小提琴（它有一些“hacky”点，就像我只是.pull-right为了说明而覆盖了这个类；你想要对代码的实际构造更加优雅一点）。

于 2013-01-11T02:07:56.343 回答