3

HTMLセクションIDコードを使用して、「参照先」のテキストの表示方法を編集しようとしています。これが私のコードの抜粋です:

<span class="headerqmain"><ul><li><a href="#ID001">Question</a></ul></li></span>

<section id="ID001"></section>
<span class="headerq">Question repeated</span>
<span class="answerq">Answer to the question</span>

100を超える質問があり、ページの下部にある回答が長いことに注意してください。つまり、誰かが質問をクリックすると、同じ質問とその下の回答が含まれるリストにダンプされます。(これはよくある質問のセクションです)。しかし、木々のために森を見るのは難しいです。

したがって、私の目的は、ジャンプダウンしたクリックされた質問と回答をマークアップすることです。たぶんそれを色で、またはより大きなテキストサイズでマークアップします。この場合、CSSで条件を使用できるかどうか知っている人はいますか?すべて同じページにあることを忘れないでください。

4

1 に答える 1

1

ジャンプしたときにマークアップでできることのサンプルコード:

:target .headerq { /* :target would refer to #ID001 in this case */
    font-size: 1.5em;
    color: blue;
}
:target .answerq {
    color: blue;
}

この手法の詳細については、http://css-tricks.com/on-target/を参照してください。イエローフェードのテクニックについては、 http: //37signals.com/svn/archives/000558.phpもチェックしてください。このタイプの動作の優れた拡張機能

于 2013-02-06T08:04:14.060 に答える