CSS问题：为什么我的CSS样式表选择器不工作？

我有以下HTML：CSS问题：为什么我的CSS样式表选择器不工作？

<div id="graphicArea"> 
    <div id="page1" class="pageArea land"></div> 
    <div id="page2" class="pageArea land"></div> 
</div>

我的CSS样式表文件片段（这工作）：

.pageArea { 
    width:220px!important; 
    height:210px!important; 
}

我的CSS样式表文件片段（这不工作）：

.pageArea.land { 
    width:220px!important; 
    height:210px!important; 
}

neitheir这个作品：

div.pageArea.land { 
    width:220px!important; 
    height:210px!important; 
}

这个文件没有太多内容，所以我敢肯定它不会覆盖css。任何人都知道为什么它不能工作？

谢谢。

编辑

这一切的CSS是@media打印{..}之内。但我认为它并不相关。

EDIT2

不FF有关于毫米设置一个div高度/宽度的任何问题？我想这就是整个...

来源

2010-08-25 kaneda

是否有原因需要使用！重要？它使事情很难排除故障。 – 2010-08-25 21:04:53

糟糕的CSS通常会导致必须使用！重要，因为定义顺序错误。我经常看到它，我认为它应该只用于非常罕见的情况。 – Marko 2010-08-25 21:06:48

@media print - 你正在打印出文件，对吗？ – 2010-08-25 21:13:09

.pageArea.land意味着你要定位的元素有2个类，pageArea和land。

你的HTML是如何布局的？ .land是.pageArea的小孩吗？如果是这样，你只需要

.pageArea .land { .... }

来源

2010-08-25 21:05:19 Marko

那么现在你已经提供了html，我的答案是无效的，并已被其他人回答。 – Marko 2010-08-25 21:18:25

它们之间的空间，即你在pageArea土地的点，它必须看起来像div.pageArea, .land

来源

2010-08-25 21:05:32 Sotiris

我已经试过了。没有效果。 – kaneda 2010-08-25 21:10:02

@laramaki你需要显示一些HTML。否则，这里所做的一切都是猜测。 – 2010-08-25 21:12:31

用逗号分隔。事实上，如果你告诉你想要达到什么，它将会对我们有所帮助，因为你的代码对于所有这些“重要”而言似乎都很陌生。 – Sotiris 2010-08-25 21:12:34

试试这个：

<div id="page1" class="pageArea land"></div> 


.pageArea { 
    width:220px!important; 
    height:210px!important; 
} 

.land { 
    width:220px!important; 
    height:210px!important; 
}

来源

2010-08-25 21:06:51 Gabe

我试过了。也不起作用。 – kaneda 2010-08-25 21:20:24

根据到CSS 2.1 specification，你的代码应该工作。你使用的是Internet Explorer 6吗？

编辑1：.class1.class2适用于Chrome，也可能适用于其他浏览器。你确定你的选择器不工作吗？尝试“显示：无”是非常确定的。

来源

2010-08-25 21:10:32

我使用FF3.6 – kaneda 2010-08-25 21:20:07

所以你确定你的CSS选择器不工作？我很确定它在工作，但你认为这不是因为它被覆盖或类似的东西。 – 2010-09-01 15:21:06

你必须有这样的.pageArea .pageArea.land之间的空间。土地你可以试试下面的CSS结构
格＃1页.pageArea { CSS放在这里 }

DIV＃第1页。土地{ CSS放在这里 }

格＃2页.pageArea { CSS放在这里 }

格＃2页。土地{ css去这里 }

来源

2010-08-25 21:24:28

使用Firebug确定哪些样式影响这些元素的最终外观，一旦级联应用。

鉴于你给我们的小片段HTML和CSS，它看起来没问题，但你告诉我们你没有得到期望的结果。除此之外，你多余的使用!important，我认为可以肯定你的样式表包含许多冲突的属性，这些属性在代码示例中没有显示，其中一个或多个影响.pageArea.land。

来源

2010-08-25 21:30:16

问题是我认为我不能使用萤火虫，因为这些CSS只是用于打印。更重要的是，班级土地只是在运行时为了打印目的而添加，并且在代码中没有其他地方没有引用。 – kaneda 2010-08-25 21:35:13

为了进行调试，将样式表应用于屏幕而不是打印，并使用Firebug将'pageArea land'类属性添加到元素。 – 2010-08-25 21:36:32

编辑所有这个CSS是@media print {..}。但我认为它并不相关。

如果它在@media print { }的CSS将在打印

时应用有它在浏览器中使用@media screen { }

被应用，如果你想看到它在打印和在屏幕上使用@media screen, print { }

来源

2010-08-25 21:33:07 CaffGeek

CSS问题：为什么我的CSS样式表选择器不工作？

回答

相关问题