php - 画像にカーソルを合わせるとテキストに下線が引かれます

Question

私はゆっくりとphpを理解していますが、助けが必要です. 投稿のサムネイルにカーソルを合わせると、.rel の h1 タグに下線が引かれます。誰かが私を正しい方向に向けてもらえますか?

ホバー画像とテキストの変更が見つかりましたが 、答えはありません。 Javascriptで下線？私の場合、jqueryがどのように機能するかわかりませんか？ http://www.kirupa.com/forum/showthread.php?295704-Change-text-hover-when-hovering-over-an-imageですが、a href は画像とテキストを囲んでいます。

mouseOver および mouseOut 関数について読んだことがありますが、これらに慣れていません!

PHPでの私のコード

div id="ボックス"

<div class="box">
    <div class="rel">
        <h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
        <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('homepage-thumb', array('alt' => '', 'title' => '')) ?></a>
<?php if ($mulderamanda_theme_options['images_only'] == 0): ?>

        </div>


    </div>
</div>