无法捕获的HTML div

Question

虽然我知道这是不可能的，但是，它就在这里。我有一个无法捕获的HTML div。我甚至尝试用我的CSS选择器夸大，但我无法控制这个div ......

这是我的CSS选择器：

html.js body.html div#page-wrapper div#page div#main-wrapper.clearfix div#main.clearfix div#sidebar-second.sidebar div.section div.region-sidebar-second div#block-ipdc-user-profiel.block-ipdc div.content {
    color: red;
}

这是我的div：

然而，颜色并没有变成红色......我在这里缺少什么？

Answer 1

这个怎么样？

#block-ipdc-user-profiel .content {
    color: red;
}

由于＃block-ipdc-user-profile是一个id，因此页面上应该只有一个，所以上面的CSS应该是你需要的全部内容。

Answer 2

首先尝试最简单的一个，然后尝试另一个选择器......直到你看到失去它的位置。

.content {
    color: red;
}

Answer 3

您的代码没有错。

特异性非常高，几乎不可能被其他任何东西覆盖，除了!important规则。

您还需要确保此规则 确实包含在此页面中 ..

---

可以通过检查firebug中的样式选项卡来验证这两种方案，以查看哪些规则实际影响了元素。

Answer 4

您应该从一个更简单的选择器开始，并在Firebug的CSS窗格中验证它是否应用于该div。

然后检查它是否被其他东西覆盖并检查其他规则的优先级（它可能正在使用！重要）