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空白不继承

回答

相关问题