Google Chrome Developer tools no muestra estilos de elementos inspeccionados?

Question

Estoy usando las herramientas de desarrollador google chrome para probar mi sitio web;

Funciona bien para algunos elementos, pero para otros muestra el selector pero lo muestra como si no tuviera estilos; El elemento tiene estilos y los estilos se aplican al elemento. pero el inspector no muestra estilos.

Si hago clic en el enlace a la línea de archivo css para ese inspector, puedo ver los estilos allí.

Vi un tema de grupo de Google que indicaba que removing any empty url() declarations solucionó el error. sin embargo, no tengo declaraciones url() vacías.

También encontré this bug which is somewhat similar; pero no exactamente lo mismo. Una cosa que noté es que tanto el uso de este error como mi configuración están usando twitter-bootstrap. Estoy usando la versión .less de bootstrap que incluye bootstrap en el archivo css único como un método copiar> pegar, por lo que mi archivo css tiene 3740 líneas. ¿Podría esto ser parte del problema?

Los elementos no están anidados en profundidad (body > div#container > inspected element).
No hay una cantidad excesiva de estilos aplicados a los elementos (< = 10).

---

Click to enlarge

Answer 1

Ok, así que también me pareció this bug aswell la que parece que tiene un partido más cerca del insecto.
Se afirma que

DevTools rompen cuando un pseudo-clase no reconocida está presente en CSS

cual hace twitter-arranque! por lo que parece que las herramientas de desarrollo están rotas si está utilizando Twitter bootstrap (o cualquier cosa que intente usar pseudo clases específicas del proveedor). afaik, la única forma de resolver esto es esperar a que los desarrolladores solucionen este error.

¡Si alguien puede publicar una solución para esto, aceptaré su respuesta!