Jquery css（'；文本装饰'；）不'；我不能从父母那里工作

我必须获得元素所需的css属性（属性可以从其父元素继承）

css（）可以做到这一点

所以我有这样一个HTML：

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

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

和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);
});

$（函数（）{
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=“
我们对象自己的属性：”
结果+=”
字体重量：“+weight+”
”；
结果+=“
继承的属性：
”；
结果+=“颜色：”+color+“
字体大小：”+size+“
文字装饰：”+decor；
$（“#结果”）.html（结果）；
});

显示所有属性，但不显示文本装饰。但是为什么呢？

---

文本装饰在css规范中用继承：否定义，但在示例中使用的其他属性用继承：是定义

见：

---

所以一切都很好：）

难道你们不知道文本装饰的另一种选择：下划线吗。还有哪些css属性可以使下划线不带文本装饰？因为我需要继承=）不，但是

#container*{text decoration:inherit；}

应该可以。

$(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);
});