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; 
}