不继承父级css的javascript appendchild

时间:2012-02-08 00:46:02

标签: javascript css

我需要在基本文档中插入特殊的iconfont子节点。

我需要的字符序列是'fT',我将它包装在一个范围内,为它提供我想要的字体的颜色和大小。

问题是我附加此“note”子项的基本文档的父节点有时可能具有大写样式。结果,我的'fT'被转换为'FT',我得到错误的iconfont。

我的设计不希望将兄弟插入文档,而是插入子节点。有没有办法抑制父母的风格,特别是如果它有大写风格?

3 个答案:

答案 0 :(得分:0)

最简单的方法是通过JS设置样式 - http://jsfiddle.net/RahV3/

yourNode.style.textTransform = "lowercase";

答案 1 :(得分:0)

除了颜色和大小之外,还要在跨度上设置text-transform: none,以便外壳不会从父级继承。

答案 2 :(得分:0)

您可以给孩子自己的风格来胜过父母的属性。只要给它:

"text-transform:initial;"

它应该覆盖父母的

"text-transform:uppercase;"