css空白不繼承

我試圖找出這一段時間，但沒有成功。我有一個嵌套跨度的錨標籤來生成tool_tip。這個tool_tip被放置在th標籤中。問題是白色空間屬性在跨度中被繼承。所以文本超出了跨度。該white-space:normal !important不覆蓋white-space:nowrapcss空白不繼承

table.fieldList th 
{ 
    color: #000; 
    height: 15px; 
    padding-left: 5px; 
    vertical-align: bottom; 
    border-bottom: 1px solid #1133AA; 
    text-align: left; 
    font-weight: bold; 
    white-space:nowrap; 
} 

a.tool_tip 
{ 
    text-decoration:none; 
    cursor:pointer; 
} 

a.tool_tip span 
{ 
    display: none; 
} 

a.tool_tip :hover span 
{ 
    position: absolute; 
    height: 30px; 
    text-align:left; 
    width: 200px; 
    font-style: normal; 
    margin-left: 0px; 
    padding: 0px; 
    padding-left: 3px; 
    display: inline; 
    white-space: normal!important; 
    z-index: 12; 
    margin-top:20px; 
} 

a.tool_tip :hover span span 
{ 
    background: white; 
    border: solid 1px #004b8d; 
    border-right-width: 3px; 
    width: 200px; 
    margin: 0px; 
    padding: 2px; 
    height: auto; 
    display: block; 
    white-space: normal!important; 
    z-index: 13; 
    font-weight: normal!important; 
    text-decoration:none; 
}

來源

2011-10-31 tryurbest

請發表您的標記代碼，如果可以的話，請提供一個jsfiddle – Curt

試圖模仿，但它通常包裹給我：http://jsfiddle.net/bATXN/

附：在問題中的片段在：hover（「a.tool_tip：hover」）之前有空格。我必須刪除它才能使代碼正常工作。也許這是問題的原因。

來源

2011-10-31 16:57:06

lvanov感謝您發佈jsfiddle ..我通過查看它意識到我並沒有使用這個css ..我有其他css類代碼peice被自動調用.. table.fieldList a：懸停跨度跨度。我對css很陌生，所以無法輕易說出。由於您幫助我指出了我的代碼錯誤，我將繼續並接受您的答案。謝謝 – tryurbest

css空白不繼承

回答

相關問題