［高分求助］大家一般是怎么解决这种问题的

llxchen 2008-05-29 08:26:49

在目前项目中，我可能需要在多个不同的页面上显示类似的数据，或者是在一个页面中显示一到多个相似数据，所以我设计一个UserControl。这些数据显示的方式都差不多，基本上都是以列表的形式显示，区别在于显示这些数据的时候，样式上会有所区别，我考虑使用级联的CSS，开始本想为UserControl中的各元素（例如DIV这些）标记ID，然后通过CSS来自动识别，但由于UserControl生成页面后，它的ID都会加上前缀，最后就使用Class级联的方式。为了方便理解，我精简的写了一小段Html和Css说明一下我的思路。
代码如下：

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>无标题页</title>

</head>

<body>

    <form id="form1" runat="server">

    

    <div class="Sample1">

        <div class="Header">引用级联CSS　Sample1</div>

    </div>

    

    <div class="Sample2">

        <div class="Header">引用级联CSS　Sample2</div>

    </div>

    </form>

</body>

</html>

.Sample1

{

    font-size:12px;    

}



.Sample1.Header

{

    color:Red;        

}



.Sample2

{

    font-size:14px;    

}



.Sample2.Header

{

    color:Blue;    

}

我想实现的是：使用Sample1　Css的DIV中的下级DIV应自动匹配Sample.Header的样式，而使用Sample2　CSS的DIV中的下级DIV应自己匹配Sample2.Header的样式。
但遇到的问题是：
１、采用这种方法时，我发现在一个页面，引用了两个或两个以后的UserControl时，给不同的UserControl指定了不同的CSS，由于每个元素的Class名字是相同，相互之间出现了干扰，如上面代码，
[code=HTML]<div class="Sample1">
<div class="Header">引用级联CSS　Sample1</div>
</div>
［/code]
其它也是用上了Sample2的样式。想请教一个，这有什么办法可以解决它们之间的干扰问题
２、大家有没有遇到这样类似的需求，一般是怎么处理的？
注：这个问题我是回到家写的，由于家里IIS出了问题，代码没有经过测试，主要是将公司里遇到的这个问题复述一下。希望大家帮帮忙

...全文

145 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

llxchen 2008-05-30

打赏
举报

问题解决了，还是CSS的写法上有问题：
正确的应该是：

.Quarter_Global

{

	font-size:12px;	

}



.Quarter_Global .header

{

	width: 100%; 

	height: 25px; 

	background-image: url(/UI/Images/ManagementSystem/ObjectiveTitleBg.gif);        

	background-repeat: no-repeat; 

	background-repeat: repeat-x;

	font-size:12px;

	color:#ff0000;

	font-weight:bold;

}