跨度内的锚标签

Question

我在<a>标记内有一个锚标记<span>。我已经应用了CSS，因此span看起来就像一个按钮。

我正面临一些问题：

1. 我不能通过将样式应用于span来应用样式。
2. 点击仅在锚标记上发生。我想要整个范围标记的点击功能。

非常感谢任何帮助。

Answer 1

1）向范围添加样式，并在范围内添加样式：

#container span, #container span a {
    /* whatever */
}

2）如果没有JavaScript，您无法将点击事件应用于span标记。我建议jQuery轻松一下：

$('#container').on('click', 'span', function() {
    // JavaScript functionality here
});

Answer 2

你能给出任何代码示例吗？ 如果锚是跨度的唯一内容，那么您可以删除跨度并将样式直接应用于锚。

Answer 3

默认情况下，某个范围不是“可点击”的锚，因此要么您必须使用JavaScript才能使范围可点击。或者我猜你可以为你的锚点应用一个边距，以便它“覆盖”整个范围 - 从而产生一个可以点击span元素的印象。

不确定为什么你需要跨度？我可能会一起摆脱跨度并将跨度样式应用于锚点。

Answer 4

如果您将跨度放在a中，那么您应该修复目标区域问题。加锚标签有一些浏览器样式的构建，所以为什么像文本装饰这样的东西不会传递到一个