0

Webページ内に同じページの一部へのリンクを設定しようとしていますが、元のテキスト形式を維持したいと考えています。これは単純なh4見出しでした。h4設定やtext-decorationをnoneに設定するなど、さまざまなことを試しましたが、リンクから下線を削除しても、h4見出しの色とサイズに戻ることはありません。これを達成する方法はありますか？

4

2 に答える 2

0

マークアップが

<h4><a href="...">Some heading</a></h4>

（ネストh4とa要素の有効な方法を使用します）、要素の色が黒（デフォルト）の場合、次のスタイルシートはリンクの書式設定を削除し、見出しのテキストをマークアップがないh4場合とまったく同じように見せます。a

h4 a {
  color: black;
  text-decoration: none;
}

要素の色が黒でない場合は、セレクターが追加さh4れるように、その色を設定するスタイルシートルールを変更します。h4 aたとえば、の場合はh4 { color: orange }、に変更しh4, h4 a { color: orange }ます。（を使用して、リンクに親の色を継承させることができますh4 a { color: inherit }が、inherit値はすべてのブラウザーでサポートされているわけではありません。）

マウスオーバーでもリンクを非表示にしたい場合は、ポインター（CSS用語では誤って「カーソル」と呼ばれます）がデフォルトで手に変わるときに、次のように追加できます。

h4 a {
   cursor: text;
}
于 2012-10-07T06:37:31.077 に答える
0

あなたのコードがどのように見えるかはわかりませんが、このような構造はh4スタイルが台無しになるのを防ぎます（jsFiddle）：

HTML：

<a href="#contact" class="self_page">
    <h4>Contact Us</h4>
</a>

CSS：

h4 {
    color:#666333;
    font-family:Georgia,serif;
}
a.self_page {
    text-decoration:none;
    color:inherit;
}
于 2012-10-07T05:49:31.383 に答える