:hover CSS ne fonctionne pas?

J'ai créé une classe CSS comme suit:

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

J'ai appliqué le style précédent dans l'une de mes page, qui fonctionne très bien dans Firefox, IE 7.0+ et dans d'autres navigateurs les plus récents. Mais Quand je l'applique le même style dans une autre page, alors sa ne fonctionne pas.

Quelqu'un peut me dire quelle pourrait être la raison? pourquoi sa ne fonctionne pas dans une autre page.

OriginalL'auteur Prashant | 2009-05-14

  1. 17

    J'ai eu la réponse pourquoi le :hover ne fonctionne pas sur une autre page. En fait sur la deuxième page la balise DOCTYPE n'a pas été ajouté dans la page HTML comme ci-dessous,

    <!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">

    Plus tôt, il était simple <html> tag et en raison de laquelle :hover sur la div n'a pas de travail. Après l'ajout de balise doctype comme indiqué au-dessus de son travail pour moi.

    Merci à tous de vous pour vous aider.

    Vous n'avez pas mentionné, que vous utilisez :hover sur un div. Qui pourrait avoir aidé... Cependant, je n'ai jamais entendu parler de la Doctype avoir une influence sur celui-ci.
    Cela a également résolu le problème pour nous. Quelqu'un peut-il expliquer pourquoi cela résout le problème?
    Cela est clairement mentionné dans les W3Schools tutoriel dans le lien ci-dessous w3schools.com/cssref/sel_hover.asp
    pas de travail pour moi, même si j'ajoute ces déclarations.

    OriginalL'auteur Prashant

  2. 3

    Juste eu un problème similaire. Assurez-vous que vous allez les empiler correctement! Qui est, le z-index.

    OriginalL'auteur brian

  3. 2

    Si elle travaille dans un seul lieu, mais pas un autre endroit, alors soit il n'est pas appelé correctement ou qu'il n'est pas appliquée correctement.

    Utiliser Firebug, et de voir quelles sont les propriétés de l'élément que devrait ont des styles vraiment. Ensuite, vérifiez les noms de classe pour les fautes de frappe. Habituellement, cela va résoudre le problème comme décrit.

    Je alreday vérifié les propriétés avec WEB Developer toolbar (extension de firefox), et pour la première page, ce spectacle à la fois .ycontent et .ycontent:hover propriétés, mais pour les autres pages, il n'en montrer .ycontent classe pas la .ycontent:hover classe ??

    OriginalL'auteur David Thomas

  4. 2

    Aussi, dans IE6, :hover ne fonctionne qu'avec a éléments. Gardez cela à l'esprit.

    Je sais que, c'est pourquoi je l'ai mentionné IE7+ dans ma question.

    OriginalL'auteur alex

  5. 1

    Je suis dans agreeance avec Brandon.

    Je vais aussi ajouter..

    Si vous supprimez le:

    div.ycontent

    section de votre lignes, tel qu'il ressemble à ceci:

    .ppclisting { 
background-color:#cccccc; 
}

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

    Vous pouvez trouver qu'il va travailler sur votre autre page.

    Pourquoi? Parce que vous avez défini ces styles comme des "classes". Les Classes ont l'intention d'appliquer le même style à de nombreuses reprises.

    En plaçant le "div.ycontent" avant, vous êtes essentiellement en restreignant'/ne pas utiliser la traction potentiel de classes CSS.

    oui, c'était le cas, il devrait avoir le droit maintenant, les autres pages n'ont pas de div.ycontent élément V-UP
    Toutes les pages ont la div avec la classe .ycontent

    OriginalL'auteur Lycana

  6. 0

    Peut-être la div imbriqués dans l'autre page n'a pas la classe ycontent et/ou de l'élément lui-même n'est pas de classe ppclising?

    Vous avez écrit exactement ce que j'etais en train de taper 😉

    OriginalL'auteur

  7. 0

    J'ai juste eu position:absolute sur un parent de casser ma :hover, bien qu'il ne semble pas être un problème comme un grand-parent. Je suis nouveau à tout cela, donc je ne sais pas si c'est normal ou pas.

    Amendement: Ce qui s'est avéré être un z-index de problème pour moi. J'avais besoin de mettre des -1 sur le parent, 0 sur tous les frères et sœurs à la position spécifiée et 1 sur les divs je voulais passez de l'activité pour l'.

    OriginalL'auteur user3424554