No logro cambiar el color de fondo al poner el mouse encima, que tengo mal?

[RGT]

Hola,
en single.php para mostrar el thumbnail uso este codigo:

Código PHP:

  the_post_thumbnail('medium', array('class' => 'single-alignleft')); 
   

Y en el css tengo:

Código:

.single-alignleft {
	background-color:#FFF;
	border: 1px #ccc solid;
	padding: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	float: left;
	margin: 10px 10px 10px 0;
}

.single-alignleft a:hover img, .single-alignleft a:focus img {
	background-color:#2fb6f6;
}

Cuando paso el mouse encima no surge ningun efecto y deberia cambiarse el color de fondo, que tengo mal en el css?

[C2am]

Hola RGT
No te lo dije antes, pero en este foro no es necesario el código php.
Lo mejor es que muestres el html que genera ese php + el css. Es decir, solo html y css, ya que el css trabaja sobre el html y no sobre el php.

Prueba con esto:

Código CSS:

.single-alignleft:hover {
    background-color:#2fb6f6;
}
 

Saludos

[RGT]

Hermano, muchisimas gracias, funciono!
Ahora no se cuando usar a:hover y :hover
me confundi pero lo bueno es que funciono!

[C2am]

Todo depende que quieres lograr y cual es el elemento objetivo.
Es decir si quieres que cambie el color de fondo de un div al pasar el mouse debes aplicarlo a ese div

Código CSS:

div:hover{algo}
 

Si quieres que el enlace cambie de color

Código CSS:

a:hover{algo}
 

Es decir depende de a quien le quieres cambiar el valor de alguna propiedad.

http://www.librosweb.es/css_avanzado...do-clases.html
Saludos