css樣式表

Question

我需要在一個主頁面中實現兩個不同的樣式表。一個樣式表是專門爲該項目設計的，並且工作正常。但是當我將第二個樣式表添加到其他項目中時，所有的Web內容表單看起來都很奇怪。 在項目中實現這兩個樣式表的最佳方式是什麼？

Answer 1

你唯一需要考慮的是這些文件中沒有兩種樣式相互覆蓋。然後你可以包含任意數量的樣式表。

Answer 2

什麼是'怪異'...他們看起來怎麼樣？就像其中一個StyleSheets完全沒有應用或者像他們都自己重寫一樣？

關於樣式化WebControls有一個很好的做法，因爲不應該依賴將它們設置爲css引用的「id」，因爲在運行時，ASP頁面中任何控件的ID都會被重新分配。

因此，您應該儘量避免在控件上使用相同的ID進行CodeBehind-Access併爲相同的控件設計樣式。

嘗試使用兩個樣式表中不冗餘的類。可能其中一個樣式表具有其中所有其他樣式的重置，如

* { 
padding: 0; 
margin: 0; 
} 

覆蓋其他樣式表的規則。

這是相當困難，幫助您用這麼少的信息...

Answer 3

不要有兩種樣式表文件 定義相同的樣式類，也沒有定義的HTML元素，如車身，DIV，TR風格。 ..等在兩個文件中。

E.G.

stylesheet1.css：

body 
{ 
background-color:#F1F1F1; 
padding:10px; 
} 
.search 
{ 
background-color:#0000FF; 
margin:3px; 
} 

stylesheet2.css：

body 
{ 
background-color:#FFFFFF; 
padding:15px; 
font-size:12px; 
} 
.search 
{ 
background-color:#000000; 
margin:3px; 
}