Question

我有一个矩形框，可以在单击时调用模态。盒子里面是标签和展开图标。

.clickable-box {
    cursor: pointer;
 }

 #dashboard .expand-icon {
    width: 20px;
    margin-top: 13px;
    margin-right: -10px;
    margin-bottom: -25px;
    opacity: 0;
  }

当整个可点击框悬停时，我想将img标记内的展开图标的不透明度从0更改为0.7。我怎样才能实现它？

编辑：这是css

for

Answer 1

您可以使用:hover伪类：

#dashboard .clickable-box:hover img.expand-icon {
    opacity: 0.7;
}

Answer 2

.clickable-box:hover img {
    opacity: 0.7;
}

Answer 3

img.pull-right.expand-icon:hover {
    opacity: 0.7;
}

CODEPEN DEMO

使用父div类控制子div css

3 个答案: