Css 为什么显示:在ie7中,none没有按预期工作?

Css 为什么显示:在ie7中,none没有按预期工作?,css,internet-explorer-7,hide,Css,Internet Explorer 7,Hide,这是我的问题和解决办法 在下面找到我拥有的html: <div class="c-panel"> <div class="c-panel-section-body"> <div class="c-data-entry"> <span id="span1" class="c-hide c-label"> <label id="lbl1">Account<

这是我的问题和解决办法

在下面找到我拥有的html:

<div class="c-panel">
    <div class="c-panel-section-body">
        <div class="c-data-entry">
            <span id="span1" class="c-hide c-label">
                <label id="lbl1">Account</label>
            </span>
        </div>
    </div>
</div>
我在原生IE7的开发者工具中右键单击span标记,使用“应用样式”完成了这个订单

我的问题是:我希望span#span1被隐藏(就像在其他浏览器中发生的那样),而无需添加新规则,如第3种情况所示

有人能解释为什么IE7会应用规则319,与规则629或规则631相比,规则319在同一文件中位于顶部吗


我缺少一些基本的知识吗?请开导。

问题还不清楚吗?有人吗?有什么想法吗?有什么评论吗?
Case 1: When div c-data-entry after div.panel-section-body is not present, the label Account appears :
----------------------------------------------------------------------------------------------------

 /* Rule 629 of http://localhost:8030/be/1.1/css/be-core.css */ 
 DIV.c-panel .c-hide {  DISPLAY: none} 

 /* Rule 630 of http://localhost:8030/be/1.1/css/be-core.css */ 
 DIV.c-panel-section-body .c-hide { DISPLAY: none} 

 /* Rule 81 of http://localhost:8030/be/1.1/css/be-ie67.css */ 
 .ie7 SPAN.c-label {    ZOOM: 1} 

 /* Rule 627 of http://localhost:8030/be/1.1/css/be-core.css */ 
 .c-hide {  DISPLAY: none}


Case 2: When div c-data-entry after div.panel-section-body is present, the label Account appears :
-------------------------------------------------------------------------------------------------

/* Rule 319 of http://localhost:8030/be/1.1/css/be-core.css */ 
.c-data-entry SPAN.c-label {
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 8px
} 

/* Rule 629 of http://localhost:8030/be/1.1/css/be-core.css */
 DIV.c-panel .c-hide {  DISPLAY: none} 

/* Rule 630 of http://localhost:8030/be/1.1/css/be-core.css */ 
DIV.c-panel-section-body .c-hide {  DISPLAY: none} 

/* Rule 81 of http://localhost:8030/be/1.1/css/be-ie67.css */ 
.ie7 SPAN.c-label { ZOOM: 1} 

/* Rule 627 of http://localhost:8030/be/1.1/css/be-core.css */ 
.c-hide {   DISPLAY: none}


Case 3: When div.c-data-entry after div.panel-section-body is not present, but added new “rule like 630”  below:
-------------------------------------------------------------------

/* Rule 630 of http://localhost:8030/be/1.1/css/be-core.css */ 
DIV.c-panel SPAN.c-hide {   DISPLAY: none} 

/* Rule 319 of http://localhost:8030/be/1.1/css/be-core.css */
 .c-data-entry SPAN.c-label {   PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px;  FONT-WEIGHT: bold;  PADDING-BOTTOM: 2px;    PADDING-TOP: 8px} 

 /* Rule 629 of http://localhost:8030/be/1.1/css/be-core.css */ 
 DIV.c-panel .c-hide {  DISPLAY: none} 

 /* Rule 631 of http://localhost:8030/be/1.1/css/be-core.css */ 
 DIV.c-panel-section-body .c-hide { DISPLAY: none} 

 /* Rule 81 of http://localhost:8030/be/1.1/css/be-ie67.css */ 
 .ie7 SPAN.c-label {    ZOOM: 1} 

 /* Rule 627 of http://localhost:8030/be/1.1/css/be-core.css */ 
 .c-hide {  DISPLAY: none}