0

クラスrightbandの中にあるmessageclass があります。親<div class="message">に idsubnoteがある場合もあれば、ない場合もあります。コードは以下のとおりです。

<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;
}

親にid=" " がある場合は を表示.rightband:hoverし、親に.#img-upsubnode#img-downsubnode

これは CSS でどのように行うことができますか?

4

1 に答える 1

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;
}
于 2013-04-09T21:14:53.183 に答える