小编Guu*_*Guu的帖子

如果它不是子元素,纯CSS可以在悬停时更改其他元素吗?

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.

html css css3

4
推荐指数
2
解决办法
5316
查看次数

标签 统计

css ×1

css3 ×1

html ×1