相关疑难解决方法(0)

我认为这是一个非常基本的问题,但我不确定如何做到这一点.

我想做的是当一个人div徘徊时,它会影响另一个人的属性div.

例如,在这个简单的例子中,当你将鼠标悬停在#cube它上面时,会改变background-color但我想要的是当我将鼠标悬停在上面时#container,#cube会受到影响.

div {
  outline: 1px solid red;
}
#container {
  width: 200px;
  height: 30px;
}
#cube {
  width: 30px;
  height: 100%;
  background-color: red;
}
#cube:hover {
  width: 30px;
  height: 100%;
  background-color: blue;
}

<div id="container">

  <div id="cube">
  </div>

</div>

可能重复:
有没有办法将鼠标悬停在一个元素上并影响另一个元素？

当我将鼠标悬停在id为"a"的div或类上时,是否可以获得id为"b"的div或类的背景颜色？

我正在寻找悬停问题的方法.

<div class="section">

<div class="image"><img src="myImage.jpg" /></div>

<div class="layer">Lorem Ipsum</div>

</div>

现在,两个类(图像和图层)都有边框,两者都有正常和悬停的不同颜色.有没有办法这样做,如果我悬停图层类,层和图像类悬停边框颜色是活跃的？反之亦然？

输入时focus我想改变标签元素的颜色.我怎样才能更少地实现这一目标？

.control-label{
      color: @gray-light;
}
.controls{
  input,
  textarea{
    background-color:red; 
    &:focus{
      .control-label &{
        color: red;  //HERE
      }

    }
}

HTML:

<div class="control-group">
    <label class="control-label" for="inputEmail">Firstname</label>
    <div class="controls">
        <input type="text" id="inputEmail" placeholder="Firstname">
    </div>
</div>

请看这里的页面:

http://176.32.230.17/printingcrazy.com/branding-services

我正在尝试实现悬停效果,因此如果您将鼠标悬停在列出的任何服务上,相关图像将具有边框.

如果将鼠标悬停在图像上,相关文本将改变颜色.

左侧的元素与右侧的元素位于不同的父级中.

是的我见过CSS:悬停一个元素,多个元素的效果？ 并尝试了一切,但不能让它适用于我的情况.

真的很感激任何帮助!

<div class="servicepage">

<div class="serviceleft">
<img src="/digitalprint.jpg">
<img src="/dyesub.jpg">
</div>

<div class="serviceright">
<ul>
<li>
<h3>Digital Print</h3>
</li>
<li>
<h3>Dye Sublimation</h3>
</li>
</ul>
</div>

</div>