javascript appendchild不會繼承父項的css

我需要在基礎文檔中插入特殊的iconfont子節點。javascript appendchild不會繼承父項的css

我需要的字符序列是'fT'，我用一個範圍來包裝這個字符序列，給它一個我想要的字體的顏色和大小。

問題是，我附加這個'筆記'孩子的基礎文檔的父節點可能有時會有一個大寫的風格。結果，我的'fT'被轉換爲'FT'，並且我得到了錯誤的iconfont。

我的設計不想插入兄弟到文檔中，而是一個子節點。有沒有辦法來抑制父母的風格，特別是如果它具有大寫風格？

2012-02-08 Andy Nuss

不是設置類，設置字體你想要的方式的元素。 – epascarello 2012-02-08 01:17:35

除了顏色和大小，還設置text-transform: none的跨度，以便使殼體不從父繼承。

2012-02-08 00:49:10 Douglas

最簡單的方法是通過JS設置風格 - http://jsfiddle.net/RahV3/

yourNode.style.textTransform = "lowercase";

2012-02-08 00:48:41

你可以給孩子自己的風格來打敗父母的屬性。只要給它：

"text-transform:initial;"

，它應該覆蓋父

"text-transform:uppercase;"

2012-02-08 00:50:55 JKing

回答