Question

我有一个班级rightband，它位于message班级内。有时，父<div class="message">的ID为subnote，有时不是。代码如下：

<div class="message">
    <div class="rightband">
        <img id="img-up" src="arrow-up.png")" />
        <img id="img-down" src="arrow-down.png")" />
    </div>
</div>
<div id="subnode" class="message">
    <div class="rightband">
        <img id="img-up" src="arrow-up.png")" />
        <img id="img-down" src="arrow-down.png")" />
    </div>
</div>

在我的CSS中，由于特殊原因，我需要将子类rightband格式化为在悬停时更改而不是父类。

#img-up, #img-down {
    display: none;
}
#subnode .rightband:hover #img-up {
    display: block;
}
:not(#subnode) .rightband:hover #img-down {
    display: block;
}

在.rightband:hover上我需要在父级中存在id =“#img-up”时显示subnode，并在父级没有#img-down时显示subnode {1}}。

这可以在CSS中完成吗？

Answer 1

尝试类似：

#img-up, #img-down {
    display: none; 
}
.rightband:hover #img-down {
    display: block;
}
.rightband:hover #img-up {
    display: none;
}

#subnode .rightband:hover #img-up {
    display: block;
}    
#subnode .rightband:hover #img-down {
    display: none;
}

使用：不删除格式

1 个答案: