Google Chrome Developer tools ne présentant pas d'inspecter les éléments de styles?

Je suis en utilisant google chrome developer tools pour tester mon site;

Il fonctionne très bien pour certains éléments, mais pour d'autres, il affiche le sélecteur de mais la montrant comme n'ayant pas de styles; L'élément n'avez styles et les styles sont appliqués à l'élément. mais l'inspecteur ne montre aucune styles.

Si je clique sur le lien vers le fichier css à la ligne pour que l'inspecteur, je peux voir les styles.

J'ai vu un groupe google sujet qui a déclaré que enlever tout vide url() déclarations correction du bug. cependant je n'ai pas de vide url() déclarations.

J'ai aussi trouvé ce bug qui est un peu similaire; mais pas exactement le même. une chose que j'ai remarqué est que le cas d'utilisation de ce bug fourni et mon setup en utilisant twitter bootstrap. Je suis en utilisant le .moins la version de bootstrap qui comprend bootstrap dans le seul fichier css comme une copie > coller, donc mon fichier css a 3740 lignes. cela pourrait-il être une partie de la question?

Les éléments ne sont pas profondément imbriquée (body > div#container > inspected element).

Il n'y a pas une quantité excessive de styles appliqués aux éléments (<= 10).

Google Chrome Developer tools ne présentant pas d'inspecter les éléments de styles?

Faire le spectacle de valeurs dans 'calculée style"?
Oui, les styles de montrer dans 'calculée styles"
Peut-être essayez d'exécuter vos fichiers css par le validateur pour voir si il y a des erreurs qui peuvent être la cause de cette fermeture semblable au vide une URL vous avez mentionné la lecture? jigsaw.w3.org/css-validator

OriginalL'auteur Hailwood | 2012-07-17

  1. 6

    Ok, donc j'ai aussi trouvé ce bug aswell qui ressemble a de plus près de match pour le bug.

    Il affirme que

    DevTools casser quand une méconnu pseudo-classe est présent dans le CSS

    qui twitter bootstrap ne! donc, il semble que les outils de dev sont cassé, si vous êtes en utilisant twitter bootstrap (ou tout ce qui tente d'utiliser des fournisseurs spécifiques pseudo-classes). autant que je sache, la seule façon de résoudre ce problème est d'attendre pour ce bug sera résolu par les développeurs.

    Si quelqu'un peut poster un correctif pour ce que je vais accepter leur réponse!

    Salut, je suis le gars qui a soulevé le premier bug est lié. Je suis assez certain que les deux, et l'autre de bug sont décrit en fait la même question sous-jacente, qui est causée par Chrome d'étouffement sur certains aspect(s) de la norme de bootstrap.css. Mon bug a été identifié comme une priorité, pour inclusion dans l'étape 22 (le dev d'étape), donc j'espère que ça ne prendra pas longtemps pour être fixé. Dans l'intervalle, il est possible d'utiliser Firefox et Firebug pour déboguer votre code CSS à la place.
    J'ai juste repris l'écurie canal pour l'instant, Il serait très apprécié si vous pouviez commentaire ici quand ce n'est fixé.
    C'est corrigé aujourd'hui dans le canal dev de presse.
    Yep, fixe trop avec la sortie 22.0.1221.0 dev.
    Pour ceux qui ont le problème similaire qui n'est pas liée à twitter-bootstrap, je vous suggère de vérifier les fichiers javascript, en particulier la modification des règles css. Par exemple, j'ai utilisé frefix-free.js pour faciliter fournisseur de préfixes et de ce script modifie tous mes fichiers css. Donc chrome pense que toutes les règles css sont donnés par le html/php fichier que vous êtes en train de visualiser.

    OriginalL'auteur Hailwood