的jQuery的.css（“文字修饰”）不从父母的工作

我必须获得所需元素的CSS属性（属性可以被继承了它的父）的jQuery的.css（“文字修饰”）不从父母的工作

斯坦达特的jQuery的.css（）可以做到这一点。

所以我有这样的HTML：

<div id="container"> some text<br> 
     <span id="some">Our element</span> 
    <br> some text 
</div> 

<div id="result"> 
</div>

CSS：

#some { 
    font-weight:bold; 
} 

#container { 
    text-decoration: underline; 
    color: rgb(0,255,0); 
    font-size: 32px; 
}

和jQuery代码：

$(function() { 
    var decor = $("#some").css('text-decoration'); 
    var weight = $("#some").css('font-weight'); 
    var color = $("#some").css('color'); 
    var size = $("#some").css('font-size'); 
    var result = "<br><b>our object's own property:</b>" 
    result += "<br>font-weight:" + weight + "<br>"; 
    result += "<br><b>inherited properties:</b><br>"; 
    result += "color: " + color + "<br>font-size: " + size + "<br>text-decoration: " + decor; 

    $("#result").html(result); 
});

的所有属性都显示，但是文字修饰 - 不是。但为什么？ http://jsfiddle.net/aQYs2/

来源

2011-03-27 Larry Cinnabar