2015-05-28 15 views
5

Voglio controllare il valore di riempimento destro dell'elemento div. Io uso jquery css() Metodo:Questo stile di file inline o lo stile di file css restituisce con jquery .css()

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

Funziona. Ora ho bisogno di sapere da dove viene il valore. Può da defenition linea:

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

oppure può essere scritto nel file esterno css (o <style></style> sezione):

div { 
    padding-right: 100px; 
} 

Grazie!

+0

stile in linea ha la priorità su classe CSS – Satpal

+0

È possibile ispezionare l'elemento nei tool di sviluppo in Chrome e aggiungere una pausa puntare su Modifica attributi e aggiornare la pagina. Se la pagina si "congela" all'aggiornamento, vedrai da dove proviene il cambiamento se provenisse da un'iniezione di javascript. Se non succede nulla, vuol dire che era uno stile in linea ed era lì dall'inizio ... –

+0

Vedi: http://stackoverflow.com/questions/2952667/find-all-css-rules-that-apply- to-an-element –

risposta

1

Provare a utilizzare gli strumenti di sviluppo nel browser di scelta. Fai clic con il tasto destro del mouse su div -> "inspect element" (o simile) e guarda il CSS per quell'elemento. Trova il tuo 'padding-right', e dovrebbe mostrarti la fonte per quella regola.

+0

Questo non è quello che intendeva. Vuole controllare questo attraverso jquery. – dsaket

+1

@dsaket Mi dispiace, non capisco. La domanda degli OP chiede chiaramente come trovare il codice sorgente per una regola CSS, che non può essere eseguita con jQuery. –

+0

@dsaket 'Ora ho bisogno di sapere da dove proviene il valore' –

4

Secondo il css() documentazione

I calcolati proprietà di stile

e

Si noti che la calcolata stile di un elemento non può essere lo stesso come il valore specificato per th a elemento in un foglio di stile. Ad esempio, gli stili di dimensioni calcolati di sono quasi sempre pixel, ma è possibile specificare come em, ex, px o% in un foglio di stile. Browser diversi possono restituire valori di colore CSS logicamente ma non testuali uguali, ad esempio #FFF, #ffffff e rgb (255,255,255).

Pertanto, alla fine, se la sua da uno stile in linea o un foglio di stile, è lo stile calcolata.

+0

Grazie. Ogni altro modo? – Cypher

+0

@Cypher, in qualsiasi altro modo? Cosa intendi. Qualche modo per determinare da dove viene lo stile? – AmmarCSE

+0

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

1

È possibile controllare se il vostro elemento ha gli stili inline test "stile" di proprietà dell'elemento DOM

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

Sembra che possa iniziare da questo. Grazie. – Cypher