cor de fundo div, para alterar onhover

Eu estou tentando fazer a mudança de cor de fundo de um div ao passar o mouse .

o div {fundo: branco;}
o div a: hover {background: grey; largura: 100%;
display: bloco; text-decoration: none;

somente o link dentro do div recebe a cor de fundo .

o que eu poderia fazer para tornar a div inteira a cor de fundo?

obrigado

EDITAR:
Como faço para que o div inteiro funcione como um link – quando você clica em qualquer lugar nesse div, para levá-lo a um endereço.

O ” a:hover ” literalmente diz ao navegador para alterar as propriedades da tag , quando o mouse passa sobre ela. O que você talvez quis dizer era ” the div:hover “, que acionaria quando o div fosse escolhido.

Apenas para ter certeza, se você quer mudar apenas um div em particular, dê um id (”

“) e use o CSS ” #something:hover {...} “. Se você quiser editar um grupo de divs, faça-os em uma class (”

“) e use o CSS ” .else {...} ” neste caso (observe o período antes da class ‘nome!)

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.

Não há necessidade de colocar âncora. Para alterar o estilo de div em foco, altere a cor de plano de fundo da div em foco.

 
Change div background color on hover

Na página .css

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

Para fazer o div inteiro agir como um link, defina a tag de âncora como:

 display: block 

E defina sua altura da tag âncora para 100%. Em seguida, defina uma altura fixa para sua tag div. Em seguida, estilize sua tag de âncora como de costume.

Por exemplo:

   DIV Link        

Boa sorte!

Código HTML:

    this is your web page  

código css:

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

e é assim que você mudará seu div de vermelho para azul pairando sobre ele.

Conjunto

 display: block; 

em um e dar um pouco de altura

simplesmente tente a propriedade “hover” do CSS. por exemplo:

       

hello there

Espero que isso ajude

Você pode simplesmente colocar a âncora ao redor da div.

 
this is a div

e depois

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

Apenas torne a propriedade !important em seu arquivo css para que a cor do plano de fundo não seja alterada no mouse. Isso funcionou para mim.

Exemplo:

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