需求：当鼠标移动到一个元素A身上时，另外一个元素B显示。
实现原理：
-
A元素与B元素有一个相同的父级。
-
B元素默认隐藏，A元素默认显示。
-
当鼠标移动到A元素身上时，也可以看做是移动到了A元素的父级身上。A元素的父级获得一个鼠标的hover状态。
-
css使用：
.father:hover .b { display:block }
的方式，来定义鼠标移动到父级身上时，B元素的样式。
html的示例代码：
<div class="father">
<div class="brother-showing">
<div class="element">
.....
</div>
</div>
以上示例代码，仅仅示意了基本的html结构，实际之中是使用div还是span或者其他的标签，要视情况而定。
css代码：
.element{
display:none;
.father:hover .element{
display:block ;
html的示例代码：<div class="father"> <div class="brother-showing"> <div> <div class="element"> </div></div>css代码：.element{ ; //元素默认是隐藏的}//当鼠标经过兄弟元素brother-showing时，也就是经过父级fath
假设我们希望导航栏上有一个元素（以下简称“菜单标题”），把鼠标移到标题上面时其下方会弹出一列菜单，鼠标离开时菜带又隐藏起来。
然而，当试图把鼠标从菜单标题移到菜单内容中时，菜单竟然也隐藏了。
我的菜单内容（平时隐藏的那一部分）是由一个 <ul> 充当的。
<title>test1</titl...
.hiddenMemo{
width:100px; /*设置隐藏显示的最大宽度*/
white-space:nowrap; /* 设置文字在一行显示，不能换行 */
overflow: hidden
今天写
css样式的时候发现一个以前没注意到的问题，a:
hover b{}这种方式没有改变b的样式。这种方法在以前产生下拉菜单效果的时候是有用的，但是下面这种情况却失效了。<!DOCTYPE
html>
<
html>
<head>
<meta charset="UTF-8">
<title></title>
鼠标悬停实现显示与隐藏特效
简单记录 - 慕课网 Web前端 步骤四：鼠标悬停实现显示与隐藏特效
初步掌握定位的基本使用，以及CSS选择器更高级的运用，完成一个网页中必会的鼠标经过隐藏显示特效。
实现了 enen
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,c
