Google Chrome Geliştirici araçları, incelenen eleman stillerini göstermiyor mu?

Question

Web sitemi test etmek için google chrome geliştirici araçlarını kullanıyorum;

Bazı öğeler için gayet iyi çalışıyor, ancak diğerleri için seçiciyi gösteriyor ancak stilleri olmadığı gösteriliyor; Öğenin stilleri vardır ve stilleri öğeye uygulanır. ama müfettiş hiçbir stil göstermiyor.

Bu denetçinin css dosya hattına olan bağlantıyı tıklatırsam, orada stilleri görebiliyorum.

removing any empty url() declarations hatasını çözdüğünü belirten bir Google grubu konusu gördüm. ancak boş url() beyanlarım yok. Ayrıca, this bug which is somewhat similar; ama tam olarak aynı değil. Fark ettiğim bir şey, bu hatanın sağladığı ve hem de kurulumumun twitter-bootstrap kullanıyor olduğu. Ben tek css dosyasına bir copy> paste yöntemi olarak bootstrap içeren bootstrap'ın .less sürümünü kullanıyorum, bu yüzden css dosyamda 3740 satır var. Bu sorunun bir parçası olabilir mi?

Öğeler, derin iç içe değil (body > div#container > inspected element).
Öğelere aşırı miktarda stil uygulanmamıştır (< = 10).

---

Click to enlarge

Answer 1

Tamam, bu yüzden de hatadan daha yakın bir eşleşme var gibi görünüyor this bug aswell bulundu.
O tanınmayan bir sözde sınıfı twitter-önyükleme yapar

CSS

mevcut olduğunda

DevTools kırmak belirtiyor! twitter bootstrap (veya satıcıya özgü sözde sınıfları kullanmaya çalışan herhangi bir şey) kullanıyorsanız dev araçlar bozuk gibi görünüyor. afaik çözmek için tek yol bu hatanın geliştiriciler tarafından çözülmesini beklemek.

Eğer birisi bunun için bir düzeltme gönderebilirse, onların cevabını kabul edeceğim!