html - 跨度内的 anchor 标记

Question

我有一个 anchor 标签 <a>在 <span> 里面标签。我应用了 CSS，使 span 看起来像一个按钮。

我遇到了一些问题:

1. 我无法通过将样式应用于跨度来将样式应用于 anchor 。
2. 点击仅发生在 anchor 标记上。我想要整个 span 标签的点击功能。

非常感谢任何帮助。

Answer 1

1) 向跨度添加样式，同时向跨度内的 anchor 添加样式:

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

2) 如果没有 JavaScript，则无法将点击事件应用于 span 标记。我建议 jQuery为了方便:

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