CSS文件只加载一半选择器

时间:2014-09-12 08:59:11

标签: css asp.net

我的asp.net网站使用一个CSS文件,其中包含两组选择器“.Tab”和“.TabLower”。在我的开发机器上,CSS加载所有选择器并正确应用,当我将网站部署到生产服务器(IIS 7)时,如果我检查页面,则仅加载第一个选择器“.Tab”。

这个问题的原因是什么?

Side-by-side image

CSS文件

/* ############################################
Tab - default tab
############################################### */
/*Body*/
.Tab .ajax__tab_body
{
    border: 5px solid #B6C9D4;
    padding: 15px;
}
/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab
{
    color: #000000;
    padding: 7px;
    background-color: #B6C9D4;
    font-weight: bold;
}
.Tab .ajax__tab_active .ajax__tab_inner
{
    background-color: #B6C9D4;
    padding: 7px;
    font-weight: bold;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #B6C9D4;
}
/*Tab Inactive*/
.Tab .ajax__tab_tab
{
    color: #666666;
    background-color: #F2F2F2;
    padding: 7px;
    font-weight: bold;
}
.Tab .ajax__tab_inner
{
    color: #666666;
    background-color: #F2F2F2;
    padding: 7px;
    font-weight: bold;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

/* ############################################
TabLower
############################################### */

/*Body*/
.TabLower .ajax__tab_body
{
    border: 5px solid #B6C9D4;
    padding: 15px;
}
/*Tab Active*/
.TabLower .ajax__tab_active .ajax__tab_tab
{
    color: #000000;
    padding: 4px;
    background-color: #B6C9D4;
    font-weight: bold;
}
.TabLower .ajax__tab_active .ajax__tab_inner
{
    background-color: #B6C9D4;
    padding: 4px;
    font-weight: bold;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #B6C9D4;
}

/*Tab Inactive*/
.TabLower .ajax__tab_tab
{
    color: #666666;
    background-color: #F2F2F2;
    padding: 4px;
    font-weight: bold;
}
.TabLower .ajax__tab_inner
{
    color: #666666;
    background-color: #F2F2F2;
    padding: 4px;
    font-weight: bold;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

0 个答案:

没有答案