2

特定のノードに適用されている CSS ルールを知ることはできますか?

例：

<div class="test-node">
  <strong>Test</strong>
</div>

そして CSS ルール:

div           { color: blue }
div:hover     { color: green; }
.test-node    { font-weight: bold; }

div > strong  { color: red; }

そのため、ノードは 2 つのルールとif ホバー ノードのみのdiv影響を受けます。ノードはa の内部にあるため、ルールの影響を受けますが、プロパティは独自のルール(例: http://jsfiddle.net/yyf9v/ )によって上書きされます。div.test-nodediv:hoverstrongdivdiv:hoverdivcolordiv > strong

基本的に、Chrome Inspectorが JavaScript で行うのと同じことを行う方法を発見する必要があります。Chrome を使用している場合は、インスペクターに移動します (CTRL + Shift + J、Elements でノードを選択します)。[スタイル] タブが表示され、ルール (基本的にはelement.style属性) と一致する CSS ルールが表示されます ... これが必要です!style

4

1 に答える 1

0

firefox で firebug を試してみませんか... Google Chrome のインスペクターのようなものです...

特定のノードに適用されるすべての CSS クラスと、継承されるものとオーバーライドされるものを示します。

ここで見つけることができます

http://getfirebug.com/

そしてここ

https://addons.mozilla.org/en-US/firefox/addon/firebug/

于 2012-05-14T08:54:11.803 に答える