IE Geliştirici Araçları'nda CSS'yi nasıl düzenlersiniz?


11

Bir web sayfasında yaşadığım bir sorunu gidermek için Internet Explorer'ın Geliştirici araçlarını kullanıyorum.

Elemanları vurguladığımda CSS sağ tarafta görünüyor ancak yeni kurallar ekleyemiyor veya mevcut CSS'yi düzgün bir şekilde düzenleyemiyorum.

Bir sınıfa "display: block" özelliği eklemeye çalıştığımda, önemli olmayan (background-color: şeffaf) mevcut bir kuralı düzenlemeye çalıştım ama değiştirir değiştirmez kural kaybolur!

Burada bir yerde bir numara mı eksik?

Yanıtlar:


15

Test etmek ve etkisini görmek için hızlı bir ekleme yapmak için biraz farklı yapıyorum.

HTML sekmesi seçiliyken Stil, İzleme Stilleri ve Mizanpaj'ın yanındaki "Özellikler" panelini seçin.

"+" Düğmesini tıklayın ve eklemek istediğiniz css stilini yazmaya başlayın. Yeni stil niteliği, DOM görünüm paneline otomatik olarak eklenir.

Bu yardımcı olur umarım.


görüntülemekte olduğunuz sayfayı gerçekten güncellemek bazen uzun zaman alabilir. Deneyimlerime göre, farklı öğelere tıklayıp değiştiğini görmek için düzenlediğiniz öğeye geri dönmeniz gerekebilir
Don Cheadle

0

CSS'nizin geçerli olup olmadığını veya çakışan kurallar olup olmadığını kontrol edin - hatırladığım kadarıyla IE Geliştirici Araçları'nı en son kullandığımda, bazı durumlarda hem geçersiz etiketleri hem de kullanılmayan özel etiketleri hemen siler.

Şahsen şimdi Firefox'ta Firebug'u ve Chrome'da yerleşik olarak bulunan Chrome Geliştirme araçlarını kullanmayı tercih ediyorum - gerçekten favorim yok, ancak Firebug'u css / design için daha iyi ve çerezler / scriptler için Chrome'u daha iyi buluyorum.


Sorun: Yeni bir CSS kuralı ekleyemezsiniz eğer, nasıl söz hakkından gelen bir kural değiştiririm background-color: transparentiçin display: blockbu yol boyunca geçersiz olmadan? En kısa sürede displayyazdıktan sonra IE kural - display: transparent- düşünüyor geçersiz.
DisgruntledGoat

: S Önce diğer onay kutusunu silebilir / devre dışı bırakabilir / yapabilir misiniz? (üzgünüm hangi seçeneği olduğunu unutma)
William Hilsum
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.