Css 将鼠标悬停在一个一div元素上以显示两个div子元素
以下是我的代码:Css 将鼠标悬停在一个一div元素上以显示两个div子元素,css,html,hover,Css,Html,Hover,以下是我的代码: <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 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类上时,它同时显示print_text类和triangle类。有机会这样做吗?这对我有很大帮助。提前谢谢你 试试这个:
.print_text, .triangle { display: none; }
.print:hover .print_text, .print:hover .triangle { display: block; }
.print > div { display:none; }
.print:hover > div{ display:block; }