2015-05-28 9 views
5

ile döndürüyor. Div öğesinin doğru dolgu değerini kontrol etmek istiyorum. JQuery .css() kullanın yöntemi:Bu satır içi stil mi yoksa css dosyası stili, jquery .css()

$('div').css('padding-right'); 

Çalışıyor. Şimdi değerinin nereden geldiğini bilmem gerek.

<div style="padding-right: 100px;"> 

veya harici css dosyası (veya <style></style> bölümünde) yazdı edilebilir: Bu satır içi defenition çıkaracağı görüşündedir

div { 
    padding-right: 100px; 
} 

teşekkür!

+0

Inline tarzı vardır Chrome'da geliştirici araçları öğeyi denetle ve bir mola ekleyebilir – Satpal

+0

CSS sınıfı üzerindeki öncelik Öznitelik değiştirmeyi işaretleyin ve sayfayı yenileyin. Eğer sayfanın 'donması' yenilenirse, javascript enjeksiyonundan gelindiğinde değişimin nereden geldiğini göreceksiniz. Hiçbir şey olmuyorsa, bu satır içi bir stil olduğu anlamına gelir ve başlangıçtan beri ... –

+0

Bkz: http://stackoverflow.com/questions/2952667/find-all-css-rules-that-apply- bir öğe için –

cevap

1

İstediğiniz tarayıcıda geliştirici araçlarını kullanmayı deneyin. Div -> "inspect element" (ya da benzer) öğesine sağ tıklayın ve bu elemanın CSS'sine bakın. 'Dolgu-sağınızı' bulun ve size bu kuralın kaynağını göstermelidir.

+0

Bu onun anlamı değil. Bunu jquery ile kontrol etmek istiyor. – dsaket

+1

@dsaket Üzgünüm, anlamıyorum. OP'lerin sorusu, jQuery ile yapılamayan bir CSS kuralı için kaynağın nasıl bulunacağını açıkça sormaktadır. –

+0

@dsaket 'Şimdi değerinin nereden geldiğini bilmem gerekiyor' –

4

css() belgelerinde

göre alın bilgisayarlı stil özellikleri

ve bir öğenin bilgisayarlı tarzı aynı olmayabilir

Not th için belirtilen değeri olarak bir stil sayfasındaki öğede. Örneğin, hesaplanmış stiller stilleri hemen hemen her zaman pikseldir, ancak stil sayfalarında em, ex, px veya% olarak belirtilebilirler. Farklı tarayıcılar , mantıksal olarak ancak metin olarak eşit olmayan, örneğin #FFF, #ffffff ve rgb (255,255,255) CSS renk değerlerini döndürebilir.

Bu nedenle, sonunda, ister kendi bir hat-içi bir tarzda veya Biçembendin, bu hesaplanan tarzıdır.

+0

Teşekkürler. Başka bir yol var mı? – Cypher

+0

@Cypher, başka bir şekilde? Ne demek istiyorsun. Tarzın nereden geldiğini belirlemenin herhangi bir yolu var mı? – AmmarCSE

+0

@Cypher, $ (this) .attr ('style'). IndexOf ('padding-right:' + $ (this).css ('padding-right'))> -1 – AmmarCSE

1

senin eleman DOM öğesinin "tarzı" özelliğini test satır içi stilleri vardır olmadığını kontrol edebilirsiniz

$("div")[0].style 
+0

Buradan başlayabilirim. Teşekkürler. – Cypher