0

私はナビゲーション バーを実行しています。ユーザーが「showreel」を押すと、他の 2 つのセクションが表示されるようにしたいと思います。CSSでそれを行うにはどうすればよいですか？

ここに私のコードがあります:

<li><a href="showreel.html">showreel</a>
    <ul>
     <li><a href="showreel.html">director</a></li>
    <li><a href="showreel.html">cinematographer</a></li>
    </ul>
4

3 に答える 3

0

わかりました。あなたが提供した新しいマークアップでは、CSS だけで目的を達成できるとは思いません。その理由は、あなたの

<a href="showreel.html">showreel</a>

`tag は :active 疑似クラスを取得するものですが、他の 2 つのリンクは含まれていません。したがって、他の 2 つのリンクは、とにかく CSS だけではなく、showreel リンクの影響を受けません。

Javascript を使用する場合、解決策は非常に簡単です。

于 2013-10-01T15:02:39.733 に答える
0

マークアップを表示していただけると大変助かります。

また、この種の動作については、CSS の代わりに JavaScript を使用する方が本当に優れています。別の外部要素に応じて要素のスタイルを変更するために CSS を使用しないでください。

ディレクターとシネマトグラファーが同じ要素にいる場合、おそらくこのようなネストされたセレクターです（ショーリールがアンカーで、もう一方がスパンであると想定しています）

a:active > span {
   display: inline;
}

しかし、繰り返しになりますが、これはベスト プラクティスではないため、Javascript ソリューションを検討する必要があります。

于 2013-10-01T14:55:08.513 に答える