用“！important”覆蓋SharePoint 2010主頁的css屬性

Question

因此，我必須更改.aspx頁面的布局，並且不想為其創建單獨的母版頁，因此在必要時，我會使用!important在該aspx的版面上覆蓋我的母版頁的CSS。

除了一個屬性外，其他所有東西都工作正常…… #s4-bodyContainer在母版頁1550px !important屬性min-width設置為1550px !important ，我需要將其更改為1300px !important 。

如果我將覆蓋的CSS樣式放在頁面的開頭，則它不會覆蓋母版的樣式，因為在母版頁面中也有!important ，並且它是在編寫CSS之后呈現的。 而且，如果我將css放在頁面的末尾，它將覆蓋母版頁的樣式，但僅在頁面加載后才執行，所以每次我轉到該頁面或刷新它時，加載時都會出現一點故障。

因此，有沒有機會解決我的問題而無需修改母版頁或創建另一個？ 只是在.aspx頁面上使用CSS？

提前致謝！

Answer 1

!important總是會產生問題，例如您現在正在遇到的問題。

覆蓋!important的唯一可能性是具有比原始聲明更高的CSS特異性。

• 如何覆蓋！重要？
• 多個！important類聲明和優先級
• 重要的CSS聲明：如何以及何時使用它們

那么特異性是什么意思呢？ 內聯元素樣式是您可以獲得的最具體的樣式，因此在頁面布局中，您可以使用所需的樣式向＃s4-bodyContainer中添加內聯樣式（難看！）。 您可能需要在其中添加!important ，但可以確保它們比母版頁面樣式表中的樣式更具體。

如果使用<SharePoint:CSSRegistration ...> ，則可以使用屬性CssRegistration.After ，您的CSS可以在特定CSS文件之后加載。 因此，如果將1550px !important的width設置為1550px !important ，則可以corev4.css再加載CSS文件，然后將使用!important 。

全能：解決方案非常難看。 您不應該在母版頁中使用!important ，尤其是對於諸如min-width常規內容。