CSS：悬停一个元素，对多个元素有影响吗？
我正在寻找一种解决悬停问题的方法。
<div class="section">
<div class="image"><img src="myImage.jpg" /></div>
<div class="layer">Lorem Ipsum</div>
</div>
现在，图像和图层这两个类都有边框。两者的正常和悬停都有不同的颜色。有没有办法做到这一点，所以如果我将图层类悬停，则图层和图像类的悬停边框颜色都处于活动状态？反之亦然？
问题答案：
您不需要JavaScript。
一些CSS可以做到。这是一个例子：
<html>
<style type="text/css">
.section { background:#ccc; }
.layer { background:#ddd; }
.section:hover img { border:2px solid #333; }
.section:hover .layer { border:2px solid #F90; }
</style>
</head>
<body>
<div class="section">
<img src="myImage.jpg" />
<div class="layer">Lorem Ipsum</div>
</div>
</body>
</html>
-
问题内容： 我想做的是将某个对象悬停时，它会影响另一个对象的属性。 例如，在这个JSFiddle演示中，当您将鼠标悬停在其上时，它会发生变化，但是我想要的是，当我将鼠标悬停在上时，它会受到影响。 问题答案： 如果多维数据集直接位于容器内部： 如果多维数据集位于容器旁边（在容器关闭标签之后）： 如果多维数据集在容器内的某个位置： 如果多维数据集是容器的同级：
-
问题内容： 我已经看过其他几个问题，但似乎无法弄清楚它们中的任何一个，所以这是我的问题，我想要一个div或span，当您将鼠标悬停在它上面时，就会出现一个区域，就像是一滴水下。 例如我有一个div，我想将鼠标悬停在上面，并让它显示有关我悬停的项目的一些信息 但这似乎不起作用，我不知道为什么…，如果有办法在CSS中做到这一点，我想知道，但是我想要任何和所有建议。 问题答案： 仅当隐藏的div是用于悬
-
问题内容： 这个问题已经在这里有了答案 ： 悬停一个元素时如何影响其他元素 （6个答案） 5年前关闭。 我希望它像这样简单，但是我知道不是这样的： 因此，当您将鼠标悬停在img上时，它将#thisElement的不透明度更改为30％，并将图像的不透明度更改为100％。有没有办法仅使用CSS实际执行此操作？ 这就是HTML 这是CSS： 问题答案： 使用CSS的唯一方法是，要影响的元素是后代还是相邻
-
问题内容： 是否可以在CSS中选择多个具有某个特定类，id等父的元素？例如： 如果不是，是否有办法选择该元素的所有子元素？ 问题答案： 是否可以在CSS中选择多个具有某个特定类，id等父的元素？ 当前，不幸的是，并非没有复制整个父选择器并指定所有后代，而是1： 直到选择器3最终确定后，他们才提出了伪类表示法来进行此操作，直到最近，基本实现才开始出现。 简而言之，现在已成为标准的伪类称为。在遥远的将
-
问题内容： 首先，我假设对于CSS3来说这太复杂了，但是如果某个地方有解决方案，我很乐意使用它。 HTML非常简单。 子div设置为显示：无；默认情况下，但更改为display：block; 当鼠标悬停在父div上时。问题是此标记出现在我网站上的多个位置，并且我只希望在鼠标悬停在其父项上方时显示该子项，而不是在鼠标悬停在其他任何父项上时都显示该子项（它们都具有相同的类）名称和ID）。 我尝试使用并
-
问题内容： 我的页面布局涉及很多绝对位置和z索引位置，因此有很多元素相互重叠。 元素之一仅包含文本，它悬停在许多其他事物之上。 在该元素下方，有几个应用了CSS悬停伪类的元素。 当鼠标经过包含文本的元素时，我想以某种方式使下面的Element响应鼠标的存在并激活伪类样式。 有没有什么样式的元素，以便它允许悬停通过它传递给下面的任何元素？ 使用JavaScript并不是很难，但是为了使事情尽可能简单