css样式表

Question

我需要在一个母版页中实现两个不同的样式表。一个样式表是专门为项目设计的，并且工作正常。但是当我向它添加第二个样式表（用于其他项目）时，所有Web内容表单看起来都很奇怪。 在项目中实现这两个样式表的最佳方法是什么？

Answer 1

您唯一需要考虑的是这些文件中没有两种样式相互覆盖。然后，您可以包含任意数量的样式表。

Answer 2

什么是'怪异'......他们看起来怎么样？就像其中一个StyleSheets完全没有应用或喜欢他们都覆盖自己？

关于WebControls样式有一个很好的事情，因为你不应该依赖于你将它们设置为css引用的“id”，因为在运行时，ASP页面中任何控件的ID都会被重新分配。

因此，您应该尽量避免在控件上为CodeBehind-Access使用相同的ID，并为同一控件设置样式。

尝试使用两个样式表中不冗余的类。可能其中一个样式表重置了其他所有样式，例如

* {
 padding: 0;
 margin: 0;
}

会覆盖其他样式表的规则。

很难用很少的信息来帮助你......

Answer 3

不要在两个样式表文件中定义相同的样式类 并且也没有为两个文件中的body，div，tr等等html元素定义样式。

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