クロムを使ってCSS要素を調べる方法は？

私はChromeを使用して要素を検査する方法を理解しようとしています。今、私は要素を検査する方法を知っていますが、のホバーとのアクティブのようなボタンの機能を調べるにはどうすればいいですか？クロムを使ってCSS要素を調べる方法は？

私は、ページの左上にあるYouTubeのログインボタンを調べようとしています。私はホバー属性を持っていますが、どのようにリンクとアクティブな状態の属性を調べるのですか？

出典

2012-09-14 Aaron Warnke

あなたは単に、ページのソースを表示sylesheetを取得し、スタイルシート内のクラス/ IDを検索することができます。 –

要素を検査しているときに、「スタイル」タブには「要素状態の切り替え」ボタンがあります。様々な擬似状態を適用するには、それをクリックしてください：

出典

2012-09-14 16:23:02 Chris

+1パンチに私を打つため – Scrimothy

Ohhh okありがとう、私は要素を調べることに新しいです。甘い@！ –

ページ上の任意の場所を右クリックし、メニューから[要素の検査]を選択するだけです。 JavaScriptをデバッグするか、詳細については

（あなたもそこにいる間、あなたは一時的であってもCSSを変更することができます）CSSを見て、見ることができるようにChromeは、（Firebugの中のような）デバッグのためのグラフィカルなツールを持っているhttps://developers.google.com/chrome-developer-tools/

出典

2012-09-14 16:20:27 lifetimes

実際、現在のChromium/Chrome Code Inspectorは、市場で最高のものです。 FirebugやDragonflyよりも高速で、MS IEの開発ツールとしてはるかに多くの機能を備えています。 – feeela

私は要素を調べる方法を知っていると言いましたが、私はそれをすべて行うと、ホバーのCSS属性がどのように、あるいはどこでボタンのアクティブ状態をプルアップするのでしょうか？ –

ああ申し訳ありませんが、その場合はうまくいきます。 – lifetimes

クロムを使ってCSS要素を調べる方法は？

答えて

関連する問題