CSS样式中如何在一个class中引用另一个class

Question

原始代码如下
.XXGK{display:none}
.A:hover{background-color:#F00}
我希望在.A:hover时.XXGK{display:inline}，如何嵌入到.A:hover中
应该如何写代码

Answer 1

如果是父子关系的html，可以直接写，不是的话就用js去控制

    <style>
    .aaa:hover .bbb{color:red}
    .aaa:hover .ccc{color:green}
    </style>
    <div class="aaa">
        <span class="ccc">aaa</span>
        <div class="bbb">bbb</div>
    </div>