覆蓋Sharepoint 2010 css與我自己的自定義css

Question

我有一個Sharepoint 2010內聯網，我正在設計當前模板與我自己的CSS文件。我已經加入我的自定義CSS文件的樣式庫，並在我的標籤到底增加了這段代碼在母版：

<SharePoint:CssRegistration name="<% $SPUrl:~SiteCollection/Style Library/custom/custom.css%>" runat="server"/> 

現在，我總是需要添加重要的標記在我的CSS類新哪些也在默認的共享點css文件中使用。我不想每次都這樣做。有一些解決方案，我可以重寫我自己的自定義CSS在默認的SharePoint SharePoint文件？

Answer 1

頁面在瀏覽器中由SharePoint呈現後，查看源代碼。很可能您的CSS頁面是在corev4.css之類的開箱樣式表之前列出的。

要重新安排這個順序嘗試：

<SharePoint:CssRegistration 
    name="<% $SPUrl:~SiteCollection/Style Library/custom/custom.css%>" 
    after="corev4.css" 
    runat="server"/> 

有關財產後的更多信息，請參見：

• CssRegistration.After Property
• SharePoint CSSRegistration or Link?
• What is new with the CssRegistration control in SharePoint 2010

Answer 2

這聽起來像是一個CSS specificity問題。 This article有很多有關這個問題的解釋。

如果你已經寫了同樣的規則到您的外部樣式表 兩倍，比在樣式表下方的規則更接近 元素設置樣式，它被認爲是更具體，因此 會應用。 例如在以下情況下，填充將設置爲10px，而不是5px。

#content h1 { 
padding: 5px; 
} 

#content h1 { 
padding: 10px; 
} 

要解決當前的問題，無論是作爲Dipaks建議直接添加你的CSS在網頁中（因爲這將接管外部CSS文件的偏好），或者甚至更好，更簡單，只需添加引用到你的css文件後對Sharepoint css的引用，在這種情況下，如果它們具有相同的特殊性，那麼你的css將被應用。