用纯css中hover来显示和隐藏其他元素，如子元素，兄弟元素等（不用js，jq做展示或隐藏）_css hove x显示其他地v_id_ip的博客

相关文章推荐

飘逸的鞭炮 · 吉利德：PD-1+TIGIT初步临床取得积极 ...· 2 月前 ·

热心肠的山羊 · tar解压到指定文件夹并重命名-掘金· 12 月前 ·

仗义的金针菇 · SQL CTE递归查询多级菜单 - ...· 1 年前 ·

年轻有为的毛衣 · 谈谈在.NET ...· 1 年前 ·

逆袭的移动电源 · cgi - HTTP POST Error ...· 1 年前 ·

Document

子元素的显示隐藏

相邻的下一个兄弟元素的显示隐藏

不相邻的兄弟元素的显示隐藏(2)

总的来说，控制子元素的隐藏展示，选择器用后代选择器就可以，
控制兄弟元素的隐藏展示，用+选择器就可以

用纯css显示和隐藏其他元素，别的不说，上代码做笔记<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=ed

和大多数一级导航显示，二级导航在一级导航 hove 时显示时一样，既可以使用 CSS 来实现也可以使用 JS 来实现。 1、 CSS 实现： HTML结构上将每个二级导航放在对应的一级导航 li 标记内部。使用 CSS 在 li 标签: hover 时显示二级导航。　　优点：结构清晰、实现方便、可以减少不必要的标签和 JS 代码。　　缺点：只是单纯的显示隐藏，不够灵活，不能设置更多动画效果，当然可以使用 CSS3 动画...

$(document).ready(function(){ $('#span1'). hover ( function (){ $('#img1'). css ('display','block') },function(){ setTimeout(function(){ $('#img1'). css ('display','none') },1000) div {width: 100px; height: 40px; margin-bottom: 10px; } #b,#g { width: 200px; height: 100px; } #c,#h { margin: auto; } #a, #b, #d, #f{cursor:pointer;} #a {b

hover 作用对象是所有elements，可以是div，也可以是.div，如果你想混用，我只能说你太调皮。 :冒号前有空格， hover 只作用于后代，除了本身。 div : hover { color:tomato; Hover 后面加空格，再加对象可以作用到任意后代， <div class="father">it is not ture <div1 class="bro1"><br>you fullish</br></div1&g..