某些頁面只會忽略一個CSS規則

我有一個奇怪的問題，在同一個樣式表定義的兩個不同頁面上，其中一個頁面忽略CSS規則。這是事實：某些頁面只會忽略一個CSS規則

我的CSS文件加載到兩個頁面爲其他的頁面
酒店工作，但不是（使用Firebug和Firefox的原生工具veryfied），具有相同的代碼！

下面是一些截圖來幫助理解：

對於這一項，設計正確applyed，我不看我的iframe任何滾動條。但在這一個：從「custom_design.css」的設計是沒有出現在規則控制檯當我選擇的iframe，因爲我applyed兩個WPQ5和WPQ4 ID的設計...

我發佈這裏（並且如果沒有的情況下，谷歌的形式也不會應用該樣式）的截圖，證明我的第2頁具有相同的文件鏈接： enter image description here

這裏是整體風格貼在我的I幀：

/* this is the one not applyed */ 
iframe#MSOPageViewerWebPart_WebPartWPQ5, iframe#MSOPageViewerWebPart_WebPartWPQ4 { 
    overflow:hidden !important; 
    min-height:55px; 
    min-width:400px; 
} 

iframe { 
    border: medium none; 
} 
.ms-webpart-chrome { 
    border-spacing: 0px; 
} 
.ms-rte-wpbox { 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    word-spacing: normal; 
    letter-spacing: normal; 
    text-transform: none; 
    text-align: left; 
    text-indent: 0px; 
    line-height: normal; 
    white-space: normal; 
    word-wrap: normal; 
    list-style: disc outside none; 
} 
.ms-rte-layoutszone-inner { 
    word-wrap: break-word; 
} 
.ms-rtestate-field TABLE, .ms-rtestate-write TABLE { 
    border-collapse: collapse; 
} 
.ms-rtestate-field { 
    word-wrap: break-word; 
} 
body, .ms-core-defaultFont, .js-callout-body { 
    color: rgb(68, 68, 68); 
} 
body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body { 
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; 
    font-size: 13px; 
}

如果你wa nt有關我的問題的任何其他準確性或信息，請詢問我。我希望它很清楚，謝謝任何提示:)

來源

2014-03-05 Alex

你能否粘貼你的iframe的css請 – Aymeric

編輯我的問題;） – Alex

我仍然堅持這個......我不明白爲什麼這個iframe＃規則是在一頁中未計算的...因爲css文件是正確加載 – Alex

好吧，我發現它爲什麼這樣做......所以我至少會發布答案。

事實上：在我的Google搜索表單獲得每個CSS規則的頁面中，CSS文件包含兩次：一次進入iframe（頭標記），一次進入主頁面，託管iframe。

在第二頁上，.css文件註冊到iframe中，但不在主頁面中。因此，它只會將規則應用於iframe的內容，而不是標籤iframe本身。（被認爲是另一頁）。

因此，我已將.css添加到主頁面中，並且所有CSS規則都已正確應用。不錯。這就是爲什麼你應該避免iframe，這是一個混亂...但我無法避免它在這裏，因爲它是一個特定的CMS的部件。

來源

2014-03-28 13:45:47 Alex

看起來第二頁沒有樣式錶鏈接到它，因爲我看不到custom_design.css中應用的任何規則。

請您提供一個鏈接到這兩個頁面，否則沒有辦法告訴問題實際是什麼。

來源

2014-03-05 10:48:28 user3133037

對不起，我無法提供頁面的鏈接，因爲它們都託管在本地服務器上。但我可以向你保證樣式表「custom_design.css」鏈接到頁面。出於以下兩個原因： 1 - 表單不具備此設計，如果不是的話 2 - 檢查屏幕截圖我將發佈 – Alex

在您的檢查視圖中，從「規則」切換到「計算」並搜索您的屬性（溢出，最小高度...）。

如果屬性不目前它意味着你的樣式表中的規則不匹配 - 在這種情況下檢查：

樣式真的是否正確裝入？
沒有選擇錯誤（跳過規則）
選擇匹配（HTML < - > CSS）
- - 用這一個運用你的CSS規則，然後再試一次

如果屬性存在，將其展開。現在您可以看到實際應用於元素的規則以及它來自哪裏。檢查源，並採取行動，根據：

刪除/調整的規則（如果它在你自己的樣式表中的一個）
給你想要的規則更高的優先級。

來源

2014-03-05 11:29:58 Christoph

我檢查了計算選項卡並且屬性不存在。所以我複製了唯一標識符以確保它沒有錯誤的字符，但刷新後沒有改變。我確信css文件已加載並應用到頁面，因爲例如，我可以看到搜索按鈕的圖標，這是來自此css的背景屬性。所以它當然不會被閱讀有效...我會更深入。 – Alex

有用的建議，但沒有運氣到目前爲止，使其工作。我瞭解到，絕對的「位置」會打破「溢出」屬性，但在我的iframe標籤的計算選項卡中沒有定義位置屬性... – Alex

某些頁面只會忽略一個CSS規則

回答

相關問題