css - 将鼠标悬停在 1 个 div 元素上以显示 2 个 div 子元素

Question

这是我的一段代码：

<div class="print">

    <a href="#"><img src="images/icons/185-printer.png" width="18" height="18" alt="printicon"/</a>

    <div class="print_text">Print page</div>

    <div class="triangle"></div>

 </div>

我想要做的是当我将鼠标悬停在打印类上时，它同时显示 print_text 类和三角形类。有没有机会做到这一点？这对我有很大帮助。先感谢您！

Answer 1

尝试这个：

.print_text, .triangle { display: none; }
.print:hover .print_text, .print:hover .triangle { display: block; }

Answer 2

.print > div { display:none; }
.print:hover > div{ display:block; }