2012-01-04 68 views
1

虽然我知道这是不可能的,但是,它在这里。我有一个不可捕捉的HTML div。我甚至想夸大我的CSS选择器,但在这个div我不能得到保持...无法捕捉的HTML 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: enter image description here

然而,颜色并没有变成红色......我在这里错过了什么?

+1

神圣曲折的选择蝙蝠侠! – MrMisterMan 2012-01-04 13:29:24

+1

试过'!重要'旗帜?通常情况下,'div#block-ipdc-user-profiel div.content'应该也足够了......也许你有一个实时链接分享? – canihavesomecoffee 2012-01-04 13:29:41

+1

检查是否有任何其他样式将颜色更改为另一种样式。另外在Developer Tools中,您可以看到当前正在应用哪些CSS以及它们来自哪里。 – 2012-01-04 13:31:41

回答

2

您的代码没有问题。

特殊性非常高,除了!important规则之外,几乎不可能被其他任何内容覆盖。

您还需要确保该规则确实包含在本页面 ..


这两种情况都可以通过检查风格选项卡中萤火看看这实际上影响的规则来验证元素..

2

这是怎么回事?

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

由于#块-IPDC用户-profiel是一个id应该只有一个页面上,因此上述CSS应该是所有你需要的。

+0

不,这就是我原来的。但它没有成功... – Michiel 2012-01-04 13:32:35

+0

够公平的。如果不查看所有代码,我会努力帮助您。正如其他人所建议的,尝试添加!important以查看这是否正常工作,并使用Firebug的CSS窗格。它可以非常有启发性。 – MrMisterMan 2012-01-04 13:34:35

+2

尝试更改颜色以外的其他属性以查看是否可以获取其他任何内容以进行更改。例如,添加'font-weight:bold'。这会告诉你这是否与选择器有关,或者与另一个风格声明有关的问题出现在“color”属性中。 – MrMisterMan 2012-01-04 13:37:22

1

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

然后检查它是否被别的东西重写,并检查那是什么行吟诗人规则的优先级(它可能会使用!重要)

+0

我使用'!important'标志,但没有结果。一个简单的选择器不起作用,所以我尝试了一个非常大的选择器。但它也不管用...... – Michiel 2012-01-04 13:34:33

2

尝试simpliest一个,然后再与其他选择......直到你看看你失去它的地方。

.content { 
    color: red; 
}