当父元素悬停时如何更改子元素的不透明度[重复]

使用 :hover-selector 并更换IMG opacity :

.child:hover img {
    opacity: 0.8;
}

或者,如果要更改while子DIV的不透明度,则:

.parent:hover .child {
    opacity: 0.8;
}

小提琴链接示例- JsFiddle

.parent {
  width: 300px;
  height: 300px;
  background: red
}
.child {
  width: 100px;
  height: 100px;
  background: green
}
.parent:hover .child {
  opacity: .5
}

你可以这样做:

.parent {
    background: red;
    padding: 30px;
}

.parent:hover .child {
   opacity: 0.3
}

.child {
    background: blue;
    padding: 30px;
}

<div class="parent">
    <div class="child">
        <img src="" alt="" height="" width="">
    </div>
</div>