純粋な CSS を使用して、drop-down_html/css_WEB-ITnose をスライドして表示する効果を実現したいと考えています。-htmlチュートリアル-php.cn

純粋な CSS を使用して、drop-down_html/css_WEB-ITnose をスライドして表示する効果を実現したいと考えています。

WBOY

リリース： 2016-06-24 12:21:18

オリジナル

1024 人が閲覧しました

<!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 の順序が変更されます。

親愛なる兄弟たち、神様、私には死にたいという衝動があることが、ようやくはっきりと分かりました。