2017-10-09 9 views
0

クロム要素セレクタを使用してCSS要素をオーバーライドしているものを見つけようとしていますが、これもできません。どのようにovverrdingのCSS要素を見つけるのですか?

この答えは古いようだ

私は「計算されたスタイル」にアクセスする方法を見つけることができません。 Chrome Developer Tools: How to find out what is overriding a CSS rule?

は、私にはわからない、この色は灰色で上書きされている理由: chrome

がどのように見つけることができますGoogle Chromeで何をやっている?

答えて

1

イメージを見ると、element.styleでプロパティが変更されたことがわかります。

つまり、classやidなどのセレクタではなく、要素自体に変更が適用されます。

これは私が知っている限り、2つの方法で行うことができます。 CSSプロパティを使用して、その後、IDプロパティを使用して)と、(例えば、特定のオブジェクトを参照する、

<div style="color:gray;"></div> 

2)のjQueryで:要素内で直接プロパティを書き込むHTMLで

1)、

問題の原因をを見つける に関しては
$('#divname').css({ 
    color:gray; 
}); 

1)場合、変更を見つけますHTMLで作成されているのは、HTMLファイルを見るだけで済むので、かなり簡単です。

2)Jqueryで変更が加えられた場合は、もう少し複雑になります。ゲットーの方法は、スクリプトファイルで「グレー」文字列を検索することです。スクリプトもHTMLに埋め込むことができることを忘れないでください。ただし、HTMLファイルのプロパティを探すことは、進めるには良い方法です。

関連する問題