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樣式表選擇器不工作？

回答

相關問題