CSS样式显示不正常

Question

CSS
.DepartmentListHead
{
border: 1px solid #01a647;
background-color: #30d86e;
font-family: Verdana;
font-size: 10pt;
font-weight: bold;
color: #f5f5dc;
padding-left: 3px;
text-align: center;
}
.DepartmentListConten
{
border: 1px solid #01a647;
background-color: #9fe1bb;
text-align: center;
}
a.DepartmentUnselected
{
font-family: Verdana;
font-size: 9pt;
font-weight: bold;
color: #5f9ea0;
line-height: 25px;
text-align: center;
text-decoration: none;
padding-left: 5px;
}
a.DepartmentUnselected:hover
{
padding-left: 5px;
color: #2e8b57;
}
a.DepartmentSelected
{
font-family: Arial;
font-size: 9pt;
font-weight: bold;
color: #556b2f;
line-height: 25px;
padding-left: 5px;
}
DATALIST控件代码<asp:DataList ID="list" runat="server" 
    Width="200px">
    <ItemStyle CssClass="DepartmentListContent" />
    <HeaderTemplate>
        Choose a Deparment
    </HeaderTemplate>
    <HeaderStyle CssClass="DepartmentHead" />
    <ItemTemplate>
        <asp:HyperLink ID="HyperLink1" runat="server" 
            NavigateUrl='<%# "../Catalog.aspx?DeparmentID="+ Eval("DepartmentID") %>' 
            Text='<%# Eval("Name") %>' 
            ToolTip='<%# Eval("Description") %>' 
            CssClass='<%# Eval("DepartmentID").ToString()==Request.QueryString["DepartmentID"]?"DepartmentSelected":"DepartmentUnselected" %>'></asp:HyperLink>
    </ItemTemplate>
</asp:DataList>
WEB.CONFIGURE配置<pages theme="BalloonShopDefault">
............黄色的CSS显示不出来，而只有红色的CSS能显示出来
如何才能将黄色的CSS也显示出来呢？

Answer 1

你的css中的名字写错了，你写成了DepartmentListConten，粗心啊

Answer 2

.DepartmentListConten 
{ 
border: 1px solid #01a647; 
background-color: #9fe1bb; 
text-align: center; 
}