2

<div id="header">ブロックを HTML5 のブロックに変更すると、特有の CSS フォーマットの問題が発生しました<header>。基本的に、<header>ブロック内のリンクは特定の色にして、飾りをつけないようにしたいです。

関連する HTML および CSS コードは次のようになります。

<!-- HTML5 code -->
<header>
    <h1>
        <a href="#">Link text</a>
    </h1>
</header>

/* CSS code */
header a {
    color: black;
    text-decoration: none;
}

私が見る出力 ( Firefox 20.0と Ubuntu 12.04 を使用) は、上記の CSS コード フラグメントが存在しないかのようです。

class="hdr"アンカーブロックに似たものを追加し、CSSルールを変更して機能させa.hdrます。<div id="header">andに戻すこと#header aもできます。それでも、と対応するルールを使用するだけで失敗する理由がわかりません<header>。これが「正しい」アプローチだと思います。

解決策を最初に検索したところ、他のリンクの中でもこのリンクにたどり着きました（最初はブロック<h1>内にネストされたブロックがありました）が、ラッパーを使用しても機能しませんでした。<a><div>

4

2 に答える 2

0

使用して

header h1 a {}

セレクターが特異性の問題を修正する必要があるため

それ以外の場合、(a:visited セレクターによって) アクセスされるとスタイルがオーバーライドされる場合は、同じ特異性のスタイルを記述できますが、カスケードの後半にあるため、他のルールをオーバーライドします。

header a:visited {}

スタイルシートで後で来るようにするだけです

ところで、まだコメントできないので、申し訳ありませんが回答を投稿する必要がありました

于 2013-04-19T07:22:24.550 に答える