Question

当我徘徊在＆＃34; li a＆＃34;我可以在普通CSS中影响另一个元素吗？

因为当我悬停我的链接时，我试图让一个盒子作为背景元素滑入。完全像这个网站导航，而不是激活时，它适用于悬停

http://www.zindhai.com

这是我的代码

nav ul li a:hover{
    color: #C3E1FF;
    font-weight: 700;
}

nav ul li span:hover{
    -webkit-transform:translate(0px, 0px);
    -webkit-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}

nav ul li span{
    height:43px;
    width:300px;
    position: absolute;
    background-color:#47525D;
    -webkit-transform:translate(300px, 0px);
    -webkit-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
    background-position:initial initial;
    background-repeat:initial initial;
}

提前谢谢！

这就是它现在的样子;

http://jsfiddle.net/mbyc3tf9/

Answer 1

如果您需要移动跨度，当您将鼠标放在a上时，请添加此

nav ul li a:hover > span {}

Answer 2

是的，这很容易做到。假设你的HTML被称为.myElement之类的东西。你需要做的只是......

nav ul li a:hover .myElement { ... }

然后在{ }内输入您的CSS。

CSS，悬停一个元素，影响另一个元素

2 个答案: