2012-11-09 149 views
0

演示地址:http://linjuming.pydra.org/zc_up/index.php?main_page=index&cPath=1_2
我在我的網站中使用oocss css框架。一個奇怪的問題出來了。
爲什麼繼承CSS屬性丟失?

.complex .tl, .complex .tr { 
    height: 32000px; 
    margin-bottom: -32000px; 
    width: 10px; 
} 

這些代碼來自stylesheet_010_oocss.css。
但是不一樣,兩個地方繼承了。爲何發生這種情況?因爲它性能是在最低posisition你的CSS重新規則.complex .tl, .complex .tr規則海特寬度

enter image description here

回答

1

屬性迷失在<div class="sort_line s_box_sort_line complex"> ... </div>。看看這個:

/*in LINE 85 */ 
.complex .tl, .complex .tr { 
    height: 32000px; 
    margin-bottom: -32000px; 
    width: 10px; 
} 

/*in LINE 1696 */  
.r_box_2 .tl, .r_box_2 .tr, .r_box_2 .bl, .r_box_2 .br { 
    height: 6px; 
    width: 6px; 
} 

/*in LINE 2116 */ 
.s_box_sort_line .tl { 
    background-position: -320px -320px; 
    height: 32000px; 
    width: 10px; 
} 

我們知道css代碼從上到下呈現。這就是爲什麼將要使用的代碼是最近的代碼(最低位置)。

+0

明白了,我設置了螢火蟲只顯示應用規則,這就是爲什麼不能看到兩個其他屬性與線交叉。非常感謝您 – linjuming

+0

@linjuming:歡迎您.. :) – Fredy