ホームページ >ウェブフロントエンド >htmlチュートリアル >純粋な CSS を使用して、drop-down_html/css_WEB-ITnose をスライドして表示する効果を実現したいと考えています。
純粋な CSS を使用して、drop-down_html/css_WEB-ITnose をスライドして表示する効果を実現したいと考えています。
- WBOYオリジナル
- 2016-06-24 12:21:181017ブラウズ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <style type="text/css"> .outer{ width:200px; background:yellow; } .inner{ background-color:red; display:none; } a:hover .inner{ display:block;<!--这里为什么鼠标划过不显示出来呢--> } </style> </head> <body> <div class="outer"> <a>aaaaaaaaaaaa</a> <div class="inner"><a href="#">这里想鼠标划过显示</a></div> </div> </body></html>为什么没有用呢这样写？？？？？？？？？？？？？？？ ディスカッションへの返信 (解決策)
a:hover .inner LZ はこれが何を意味するのか理解していますか?
これは a:hover の下のすべての .inner と同等です
明らかにあなたのレイアウトにはこの関係はありません
マスター意味はわかりますが、間違った子孫セレクターを使用しましたが、CSS で何かが発生したことを示すにはどのようなテクニックを使用すればよいでしょうか?たとえば、私の例では、 a を横切ったときに親 div がどのように表示されるかを表現したいと思います。
親要素が非表示になり、マウスをスライドさせるにはどうすればよいですか?
上記の
は追加しませんでした。
隣接する兄弟セレクターについてのみ知っています。通常、兄弟セレクターは前の要素を選択する必要がある元のコードと同様に、そのようなセレクターがあるかどうかはわかりません。
つまり、a と div の順序が変更されます。
親愛なる兄弟たち、神様、私には死にたいという衝動があることが、ようやくはっきりと分かりました。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。