color de fondo div, para cambiar el lugar

Estoy intentando hacer que el color de fondo de un div cambie con el mouse .

el div {fondo: blanco;}
el div a: hover {fondo: gris; ancho: 100%;
locking de pantalla; texto-decoración: ninguno;}

solo el enlace dentro del div obtiene el color de fondo .

¿Qué podría hacer para que todo el div obtenga ese color de fondo?

gracias

EDITAR:
¿Cómo puedo hacer que todo el div actúe como un enlace? Cuando haces clic en cualquier parte de ese div, para llevarte a una dirección.

El ” a:hover ” literalmente le dice al navegador que cambie las propiedades de la etiqueta , cuando el mouse está sobre ella. Lo que quizás quiso decir fue ” the div:hover ” en su lugar, que se activaría cuando se eligiera el div.

Solo para asegurarse de que, si desea cambiar solo un div en particular, proporcione un id (”

“) y use el CSS ” #something:hover {...} “. Si quiere editar un grupo de div, conviértalos en una clase (”

“) y use el CSS ” .else {...} ” en este caso (tenga en cuenta el período anterior a la clase) ‘ ¡nombre!)

Usando Javascript

  
Jack and Jill went up the hill To fetch a pail of water. Jack fell down and broke his crown, And Jill came tumbling after.

No hay necesidad de anclar. Para cambiar el estilo de div al desplazarse, cambia el color de fondo de div al desplazarse.

 
Change div background color on hover

En la página de .css

 .div_hover { background-color: #FFFFFF; } .div_hover:hover { background-color: #000000; } 

Para hacer que todo el div actúe como un enlace, configure la etiqueta de anclaje como:

 display: block 

Y establezca su altura de la etiqueta de anclaje al 100%. Luego, establezca una altura fija en su etiqueta div. Luego, diseñe su etiqueta de anclaje como siempre.

Por ejemplo:

   DIV Link        

¡Buena suerte!

código HTML:

  < !DOCTYPE html>  this is your web page  

código css:

  .nicecolor { color:red; width:200px; height:200px; } .nicecolor:hover { color:blue; } 

y así es como podrás cambiar tu div de rojo a azul al pasar el cursor sobre él.

Conjunto

 display: block; 

en una y da algo de altura

simplemente intente con la propiedad “hover” de CSS. p.ej:

       

hello there

Espero que esto sea de ayuda

Puedes simplemente poner el ancla alrededor del div.

 
this is a div

y entonces

 a.big-link { background-color: 888; } a.big-link:hover { background-color: f88; } 

¡Solo haga la propiedad !important en su archivo css para que el color de fondo no cambie con el mouse. Esto funcionó para mí.

Ejemplo:

 .fbColor { background-color: #3b5998 !important; color: white; }