: Hover CSS não está funcionando?

StackOverflow https://stackoverflow.com/questions/861745

  •  21-08-2019
  •  | 
  •  

Pergunta

Eu criei uma classe CSS da seguinte forma: 

div.ycontent div.ppclisting { background-color:#cccccc; }
div.ycontent div.ppclisting:hover { background-color:#FFE5DF; }

Eu apliquei o estilo acima em um de minha página, que está funcionando muito bem no Firefox, IE 7.0 ou superior e em outros navegadores mais recentes. Mas quando eu estou aplicando o mesmo estilo em outra página, então não o seu trabalho.

Alguém pode me dizer o que poderia ser a razão? por que não o seu trabalho em outra página.

Foi útil?

Solução

Eu tenho a resposta porque a: hover não estava trabalhando em outra página. Na verdade, na segunda página da tag DOCTYPE não foi adicionado na página HTML como abaixo, 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

No início era simples tag <html> e devido a que: hover sobre a div não estava funcionando. Depois de adicionar tag doctype como mostrado acima seu trabalho para mim.

Graças a todos vocês para ajuda.

Outras dicas

Apenas teve um problema semelhante. Certifique-se de que você está empilhando corretamente! Ou seja, o índice z.

Se ele está trabalhando em um lugar, mas não em outro lugar, então ou não é que está sendo chamado corretamente ou não está sendo aplicada corretamente.

Use o Firebug, e ver o que as propriedades do elemento que deve tem os estilos realmente tem. Em seguida, verifique os nomes de classes de erros de digitação. Normalmente, isso vai resolver o problema como descrito.

Além disso, no IE6, :hover só funciona com elementos a. Tenha isso em mente.

Eu estou em agreeance com Brandon.

Eu também irá adicionar ..

Se você remover o: 

div.ycontent

seção de suas linhas, de modo que ele se parece com isso: 

.ppclisting { 
background-color:#cccccc; 
}

.ppclisting:hover { 
background-color:#FFE5DF; 
}

Você pode achar que vai funcionar no seu outra página.

Por quê? Porque você definiu estes estilos como 'classes'. Classes pretende aplicar as mesmas várias vezes de estilo.

Ao colocar o "div.ycontent" antes dele, você está essencialmente 'restringir' / não utilizando o potencial puxar de classes CSS.

Talvez o div aninhada na outra página não tem a ycontent classe e / ou o elemento em si não é de classe ppclising?

Eu só posição teve: absolute em um pai quebrar meu: hover de, apesar de não parecem ser um problema como um avô. Eu sou novo para tudo isso, então eu não sei se isso é normal ou não.

Alteração: Este acabou por ser um problema z-index para mim. I necessário para colocar -1 no pai, 0 em quaisquer irmãos com posição especificada e um sobre o divs que queria pairar para actividade.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top