css是否包含更改其他元素的可能性hover.因为我有点挣扎着简单的任务.对于此示例,我希望form在您悬停时显示<a> tag.
<a id="log" href="#">text</a>
<form id="form" action="" method="post">
<input type="text" name="id"/>
<input type="submit" name="submit"/>
</form>
Run Code Online (Sandbox Code Playgroud)
css应该是这样的:
#form{
opacity:0;
}
#log:hover ~ #form {
opacity: 1;
}
Run Code Online (Sandbox Code Playgroud)
要么:
#log:hover + #form {
opacity: 1;
}
Run Code Online (Sandbox Code Playgroud)
它真的让我发疯:/有什么建议我怎么能让它起作用?如果有其他方法我不想使用javaScript.