如何使CSS规则与节点兼容？

有可能知道应用于特定节点的CSS规则是什么

例如：

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

---

因此，

div

节点受两条规则的影响

div

和

。测试节点

和

div:hover

如果仅限于hover节点。

strong

节点受

div

和

div:hover

规则的影响，因为它位于

div

内部，但是

color

属性被您自己的规则

div>strong

覆盖（示例）

---

基本上，我需要发现我如何能够做与Chrome Inspector在javascript中所做的相同的事情。如果使用Chrome，请转到Inspector（CTRL+Shift+J，元素并选择节点）。您将使用一个样式选项卡，显示

元素.style

规则（属性

style

基本上）和匹配的CSS规则。。。我需要这个

为什么不试试firefox上的firebug。。。这就像谷歌浏览器中的检查员

它显示了应用于特定节点的所有CSS类，以及它继承了什么和覆盖了什么

你可以在这里找到它

这里呢

---

为什么不在firefox上试试firebug。。。这就像谷歌浏览器中的检查员

它显示了应用于特定节点的所有CSS类，以及它继承了什么和覆盖了什么

你可以在这里找到它

这里呢

---

“

strong

节点受

div

和

div:hover

规则的影响，因为它是

div

内部的，但是

color

属性被您自己的规则覆盖

div>strong

”这是完全错误的；

strong

元素永远不会受到选择

div

的规则的影响，因为

strong

不是

div

！请看一看：那是继承；您的

em

没有定义的

color

规则，因此默认是从

div

继承。这并不意味着

div

选择器会影响

em

@DavidRodrigues您只对匹配的规则感兴趣，还是对匹配的和继承的规则感兴趣？请阅读此处：

strong

节点受

div

和

div:hover

规则的影响，因为它是

div

内部的，但是

color

属性被您自己的规则

div>strong

覆盖。这是完全错误的,；

strong

元素永远不会受到选择

div

的规则的影响，因为

strong

不是

div

！请看一看：那是继承；您的

em

没有定义的

color

规则，因此默认是从

div

继承。这并不意味着

div

选择器会影响

em

@DavidRodrigues您只对匹配的规则感兴趣，还是对匹配的和继承的规则都感兴趣？请阅读这里：我需要在JS上执行此操作，特别是。因为我需要这个信息在我的页面中。我需要在JS上做，特别是。因为我需要这个信息在我的网页。

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

div > strong  { color: red; }