1

ユースケースで複数の要素を指すことができるように、aの代わりに:targetを指すようにする方法ですか？.class#id

<style>
section:target{height: 60px}
section p:target{color:red}
</style>

    <div class="menu">
    <nav><a href="#foo">Collapse me</a></nav>
    <nav><a href="#bar" >Change my color</a></nav>
        <section id="foo">
            <p id="bar">hop</p>
        </section>
</div>

<div class="menu">
    <nav><a href="#baz">Collapse me</a></nav>
    <nav><a href="#boo">Change my color</a></nav>
        <section id="baz">
        <p id="boo">la</p>
        </section>
    </div>

それがうまくいくと想像してみてください。そうすれば、メニューで有名な「私はここにいます」を作成し、ページを折りたたんで、同時にユーザーがどこにいるかを表示できます。たとえば、写真を作成してから、ターゲットを使用するときは、値をopacity:0opacity:1

4

1 に答える 1

2

それは不可能です、そしてそれは:target疑似クラスがどのように使われることを意図されているかではありません。

URLのアンカーフラグメントは一度に1つの識別子しか指すことができないため:target、クラスを調べたとしても、一度に特定のクラスの複数の要素にスタイルを適用することはできません。これが、アンカーフラグメントがクラスではなくIDに対応するように作成される理由です。

複数の要素をターゲットにする必要がある場合は、他のCSSセレクターまたはJavaScriptを使用する必要があります。

于 2012-10-21T11:51:14.337 に答える