Bir css kuralının nereden geldiğini öğrenmenin bir yolu var mı?

Question

Bu bir çözüm arandığında ve bir tane bulunmamasına rağmen yinelenen bir soru ise özür dilerim.

Bir .asp web sitesi miras aldım ve tablolardaki formları kenar çubuğuna yeniden yerleştirmek için sayfaları güncellemeliyim.

O inatla benim css kabul etmiyor ve kim bilir nerede değerleri alıyor bir sayfada ancak tüm ince yaradı.

Firefox/Chrome'da hata ayıklamayı denedim ve hatta sayfa başlığında yazılı kurallar denedim ama boşuna. Bu tür bir şeyi tanımlamak için bir araç var mı? Ben css ile slouch değilim ama bu beni şaşırtıyor. Bunu temel bir sorun olarak gördüğüm için düzeltmek için javascript'e başvurmak istemiyorum.

url geçerli:leads2trade _solar

*** şimdi Yanıtlanmış - ayıklama araçları css hikaye anlatmak ama kötü kodlanmış html bayrağını yok! Yardım için herkese teşekkürler.

Answer 1

Web denetleyicisini Chrome'da kullanabilirsiniz.

Arızalı elemanı sağ tıklayın ve kontrol elemanını seçin.

İki bölümleri ile web denetleyicisi pencere ile bitmelidir: Sol html düğümleri ağaçtır ve sağ stilleri ve seçilen düğümün özellikleridir. Failing elemanı zaten seçilmelidir.

Ardından, "Computed Style" sekmesini genişletmeniz ve hatalı stili aramanız gerekiyor.

Bulunduğunda, stil tanımının solunda küçük üçgen göreceksiniz - tıklanabilir. Tıklandığında, bu öğe için bu stili etkileyen seçmenlerin listesini genişletmelidir. Her biri için URL'yi css olarak görürsünüz. Bingo. sekme anda uygulanan stilleri ve bunların kökeni gösterebilir

Answer 2

Firebug'ın HTML sekmesinde, sekmelerin Style, Computed, Layout ve DOM ile sağda bir panel göreceksiniz. Computed'u seçin. Bu size sayfaya uygulanmakta olan "geçerli" stili gösterecektir. Eğer bir kural düğümünü genişletirseniz

, bunu geçersiz ediliyor stil kuralları ile birlikte, geliyor stil sayfası gösteren sağda bir bağlantı göreceksiniz.

Answer 3

olarak Hesaplanan stillerinize austin ve Waterlink tarafından işaret (veya FF Hesaplanan).

Ancak Stiller sekmesi de çok yararlıdır. Bir öğe üzerinde "incelemek" üzerine sağ tıklandığında, Stiller sekmesi denetlenen öğeyle ilgili tüm etkin stiller ve üzerine yazılan stillerin bir Tam listesini gösterir. (CSS'de yazıldıkları gibi gösterir. Gerçekte ne işlenmez) Bu şekilde hangi sıraların hangi sırada yazıldığını görebilirsiniz.CSS'nizdeki bir stil, bir satır içi stil, kullanıcı tanımlı stil, daha sonra tanımlanmış bir css dosyası veya daha yüksek önemde bir css kuralı, hatta bir HTML öğesinde doğrudan width/height nitelikleri gibi bir css niteliğinden yazılabilir.

• Normal metin = aktif
• grev yoluyla = inaktif başka stil
tanımlayıcı uygulanmayan dışarı = gri renkte bunu üzerine beri:

biçimlendirme bir stil için durumunu gösterir. (Eğer bir <p> elemanın Stil ve css tanımlayıcı teftiş o zaman span tanıtıcısında gri renkte olur, p, span olan)

Örnek: Bu resimde

, color#post a özelliği etkin değil. Bu, #cashieCatalog'daki color özelliği tarafından üzerine yazılmıştır.