我必须获取元素所需的 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/
最佳答案
text-decoration 在 css 规范中使用 Inherited:no 进行定义,但您在示例中使用的其他属性则使用 Inherited:yes 进行定义
参见:http://www.w3.org/TR/CSS2/text.html#propdef-text-decoration
所以一切都很好:)
关于jquery .css ('text-decoration' ) 不适用于 parent ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5448949/