元素A通过悬停元素B的CSS转换
我有一个带按钮的垂直侧边栏 通过悬停一个按钮，按钮应该向右（对于标题文本）放松 我是通过“过渡：与”元素A通过悬停元素B的CSS转换,css,z-index,transition,shorthand,box-shadow,Css,Z Index,Transition,Shorthand,Box Shadow,我有一个带按钮的垂直侧边栏 通过悬停一个按钮，按钮应该向右（对于标题文本）放松 我是通过“过渡：与” nav#navi#u侧a{ 显示：块； 宽度：30px； 高度：30px； 背景：线性梯度（100度，rgb（250250）0%，rgb（22525225）30%，rgb（200200200）70%，rgb（175175）100%）； 边界半径：5px； 盒影：1px 1px 1px rgba（250250,0.75），-1px-1px 1px rgba（25,25,25,0.50）； 文本对
nav#navi#u侧a{
显示：块；
宽度：30px；
高度：30px；
背景：线性梯度（100度，rgb（250250）0%，rgb（22525225）30%，rgb（200200200）70%，rgb（175175）100%）；
边界半径：5px；
盒影：1px 1px 1px rgba（250250,0.75），-1px-1px 1px rgba（25,25,25,0.50）；
文本对齐：左对齐；
线高：30px；
过渡：宽度1s，易于进出；
}
导航#导航a侧：悬停{
宽度：150px；
背景：线性梯度（100度，rgb（250250）0%，rgb（22525225）30%，rgb（200200200）70%，rgb（175175）100%）；
过渡：宽度为0.25s，易于进出；
}
：before：after：before框阴影的剩余部分：after宽度%转换过渡宽度背景色框阴影全部#导航侧{
/*浮动：左*/
位置：固定；
/*显示：块*/
左边距：7px；
}
#纳维欧赛德保险公司{
宽度：40px；
填充：0.1px0；
背景色：#FF6600；/*已修改*/
边界半径：5px；
}
#navi_侧ul：非（：类型的最后一个）{
边缘底部：10px；
}
#李纳维{
位置：相对；/*已添加*/
宽度：30px；
高度：30px；
保证金：5px；
边界半径：5px；
转换：所有1均易于输入输出；/*已修改*/
列表样式类型：无；
背景色：#00CCFF；/*已添加*/
游标：指针；/*加法*/
}
#纳维·西德·李：悬停{
宽度：200px；/*已修改*/
框阴影：5px 6px 2.5px-2.5px灰色；/*根据您的需要调整/必须在此处设置，以便使用：after选择器启用其过渡*/
过渡：所有0.25秒的缓进缓出；/*已修改*/
背景色：#99FF33；/*已添加*/
}
/*增加*/
#李纳维：以前{
内容：“；
位置：绝对位置；
排名：0；
左：0；
宽度：35px；/*200px+5px右边距的剩余部分*/
身高：继承；
长方体阴影：0 6px 2.5px-2.5px#FF6600；/*以覆盖底部长方体阴影的其余部分*/
}
#navi_side li:悬停：之后{
内容：“；
位置：绝对位置；
排名：0；
右：0；
宽度：85%；/*调整方框阴影的宽度/85%与170px相同，需要在%而不是px中*/
高度：继承；/*理想情况下*/
长方体阴影：继承；/*必须继承长方体阴影才能使用：after选择器启用其转换*/
边界半径：5px；
z指数：-1；
}
/*没有必要，至少在这个例子中没有
#纳维·西德·李：悬停在a上{
显示：块；
宽度：100%；
高度：30px；
背景：绿色；
边界半径：5px；
}
#导航侧李：悬停div{
位置：相对位置；
z指数：-1；
显示：块；
宽度：100%；
高度：30px；
利润上限：-30px；
背景：红色；
边界半径：5px；
盒影：5px 5px 10px黑色；
}
*/
nav#navi#u侧{
浮动：左；
位置：固定；
显示：块；
左边距：7px；
}
导航#导航侧ul{
宽度：40px；
填充：0.1px0；
背景：蓝色；
边界半径：5px；
}
导航#导航侧ul:非（：最后一种类型）{
边缘底部：10px；
}
导航#导航侧李{
位置：相对位置；
宽度：30px；
高度：30px；
保证金：5px；
边界半径：5px；
过渡：宽度1s，易于进出；
列表样式类型：无；
}
导航#导航侧李：悬停{
宽度：150px；
高度：30px；
保证金：5px；
边界半径：5px；
过渡：宽度为0.25s，易于进出；
}
导航#导航侧李：悬停a{
显示：块；
宽度：100%；
高度：30px；
背景：绿色；
边界半径：5px；
}
导航#导航侧李：悬停div{
位置：相对位置；
z指数：-1；
显示：块；
宽度：100%；
高度：30px；
利润上限：-30px；
背景：红色；
边界半径：5px；
盒影：5px 5px 10px黑色；
}