我有一个嵌套的div(如下所示),它具有不同的CSS类,为容器提供背景颜色并为文本格式化
<div class="section">
<div class="sectionTitle">
<dx:ASPxLabel ID="lblSectionTitle" runat="server" Text='<%# Eval("SectionTitle") %>'></dx:ASPxLabel>
</div>
<div class="sectionTitle">
<dx:ASPxLabel ID="lblSectionDesc" runat="server" Text='<%# Eval("SectionDescription") %>'></dx:ASPxLabel>
</div>
上述内容的CSS如下:
.section
{
padding: 5px;
background-color: #ffffff;
}
.sectionTitle
{
font-size: 11px;
font-family: Arial;
font-weight: bold;
color: #546fb2;
}
当我在“.section”中注释掉背景颜色时,“sectionTitle”的格式会被应用,但是当我将背景颜色放在那里时,它会覆盖“sectionTitle”的颜色。我尝试设置“.section”的颜色来匹配“.sectionTitle”,但这仍然不起作用。
在每个浏览器(IE9不兼容,Firefox,Chrome)中都可以正常工作,我已经看了几个小时了,这有点令人沮丧,因为我找不到问题所在。
内容在使用带有文档类型的MasterPage的ASP.NET页面上。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
请问有人能帮助解释一下吗?
提前感谢!
安迪