0

jQuery を使用して、段落にカーソルを合わせると、段落の背景色が変わり、ボックスの影が追加されます。簡単です。ただし、追加したいのは、段落の BG 色が (ホバー時に)<strong>変化すると、その段落のみのタグが CSS を変更して強調を追加することです。つまり、デフォルトの CSS<strong>はオフ (太字なし) です。

CSS:

p.bullets strong
{
    font-weight: 100;
}

strong同じ段落のホバーが発生した場合、その段落のCSSのみを次のように変更したいと思います。

p.bullets strong
{
    font-weight: 800;
}

jQ で BG の色を変更し、影を追加します。

  $("p.bullets").hover(
    function() {
      $(this).css('background-color', 'rgba(255,255,255,1)')
  $(this).addClass('round_right boxShadow')
    }, function() {
      $(this).css('background-color', '')
       $(this).removeClass('boxShadow')
    });

HTML:

<p>We show parents and professionals <strong>dealing head-on</strong> with the issues that impact etc.</p>

私が抱えている問題は、CSS の変更が 1 つの段落だけに影響を与えることです。読んでくれてありがとう。

4

4 に答える 4

1

あなたの解決策：代わり$(this).css('background-color', '')に$(this).find('strong').css('background-color', '').

先端：

.addClass() と .removeClass() を使用して「css」で直接スタイリングする代わりに、クラスを使用することもお勧めします。

p.bullets strong.hover
{
    background-color: rgba(255,255,255,1);
}

次にそれを使用し.hoverます：

$(this).find('strong').addClass('hover');

removeClass() と同じです。

于 2013-03-08T13:32:16.527 に答える
0

現在の段落内の要素のみを選択する場合は、セレクターにコンテキスト パラメーターを追加します。

これを on-hover 関数に追加します。

$("strong",this).css('font-weight','800')

そしてこれをアウトホバー関数に：

$("strong",this).css('font-weight','')
于 2013-03-08T13:42:07.777 に答える
0

新しい css ルールを追加して、すでに段落に設定しているスタイル内の強力なタグをキャッチすることができます (ここでのみ使用していると仮定します)。それ以外の場合は、別のクラスも追加します。元。：

p.bullets.boxShadow strong {
   /* your desired tag appearance */
   font-weight: 800;
}
于 2013-03-08T13:37:01.960 に答える