[Resolvido] :hover em div

[Daniel web 0]

É o seguinte: tenho um div com uma tag h6 e p dentro, e quando passo o mouse ou apenas a tag p ou h1 mudam a cor do texto. Quero que tanto a tag p quanto h1 mudem a cor do texto quando o evento :hover acontecer. É possível, como?

 

Valeu!

[Marcos Xavier 189]

Daniel.Posta o CSS e o HTML pra galera ver.

[Daniel web 0]

CSS

#more ul li {
float:left;
margin-right:8px;
}
#more ul li h6 {
color:#8b8b8b;
font-size:18px;
}
#more ul li p {
cursor:pointer;
width:200px;
font-size:13px;
color:#a1a4a5;
line-height:17px;
text-shadow:1px 1px 1px #fefefb;
}
#more ul li p:hover {
color:#646667;
}

 

HTML

<div id="more">
           <ul>
           	<li><div id="left"><img src="<?php bloginfo( 'template_url' ); ?>/images/arrow-left.png" /></div><!-- left --></li>
               <li>
                   <h6>Peça sua proposta</h6>
                   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
               </li>
               <li>
                   <h6>Peça sua proposta</h6>
                   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
               </li>
               <li>
                   <h6>Peça sua proposta</h6>
                   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
               </li>
               <li><div id="right"><img src="<?php bloginfo( 'template_url' ); ?>/images/arrow-right.png" /></div><!-- right --></li>
           </ul>
       </div><!-- more -->

[crf_h0m3r 5]

Tente:

 #more ul li  {float:left; margin:8px; background:#000;}
 #more ul li:hover p {color:#F90;}
 #more ul li h6 {color:#8b8b8b; font-size:18px;}
 #more ul li:hover h6 {color:#F90;}

[Daniel web 0]

Funcionou!

 

Muito obrigado.

:clap: