スパンのアンカータグ

Question

のアンカータグが<span>タグの内側にあります。私はスパンがボタンのように見えるようにCSSを適用しました。

私はいくつかの問題に直面しています：

1. 私がまたがるようにスタイルを適用することにより、固定するためのスタイルを適用することはできません。
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を使用してスパンをクリック可能にする必要があります。または、アンカーにマージンを適用してスパン全体を「カバーする」ようにして、スパン要素がクリック可能な印象を作ります。

スパンが必要な理由がわかりません。私はおそらく一緒にスパンを取り除き、代わりにアンカーにスパンスタイリングを適用するでしょう。

Answer 4

あなたはAの内側スパンを置く場合は、あなたがあなたのターゲット領域の問題を修正する必要があります。プラスのアンカータグにはブラウザスタイルが組み込まれているので、テキスト装飾のようなものがグロムスパンを通過しないのはなぜですか