Наведите указатель мыши на один один элемент DIV для отображения 2 Дивых дочерних элементов

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