Fazer todas "tags" dentro de uma <li> fica em hover

[Edivan Guerra 0]

<div class="abas">
                    <ul>
                    
                         <li>
                            <div class="inbox_tabs">
                                    <a href="#"><img class="acende" src="images/teste_img.jpg" width="160" height="107" border="0"/></a>
                                    <div class="tag_view">Views: 01</div><p>08 Jan 2013</p>
                                    <br />
                              <h4>
                                    <b>Titulo</b><br />
                                    texto texto texto texto texto<br />
                                    texto texto texto texto texto<br />
                                    texto texto texto texto texto<br />
       
                                    </h4>
                                    <div class="tag_bara"></div>
                             </div>
                         </li>
</ul>
</div>

 

 

Então galera, esse codigo acima e uma pequena div, dentro de uma <li>,

 

a questão é. eu gostaria de fazer o "tag_view", "p", "h4", "b" e o "tag_bara" ficase em efeito hover, ao passar o mause na <li>, mais nao consigo, so consigo fazer o objeto fica em hover se a pessoa passar o mause diretamente encima dele, mais gostaria que todos ficasem ao msm tempo quando passa o mause em qualquer lugar da li.

 

 

obrigado.

[Marcos Xavier 189]

Apesar de seu código não estar nada semantico, para o efeito que você deseja:

 

 

li:hover{color:#444}

Porém, pelo menos nos anteriores ao IE9 não funfa precisará usar Jquery.