부모의 CSS를 상속하지 않는 javascript appendchild

Question

기본 iconfont 하위 노드를 기본 문서에 삽입해야합니다.

필자가 필요로하는 문자 순서는 'fT'이며 이것을 원하는 글꼴의 색상과 크기를 줄 수 있도록 줄 바꿈합니다.

문제는이 '메모'자식을 첨부 할 기본 문서의 부모 노드에 대문자 스타일이있을 수 있습니다. 결과적으로 내 'fT'가 'FT'로 변환되고 잘못된 아이콘이 표시됩니다.

내 디자인은 문서에 형제를 삽입하고 싶지 않지만 자식 노드를 삽입하려고합니다. 상위 스타일을 사용하는 경우 부모 스타일을 억제 할 수있는 방법이 있습니까?

Answer 1

색상 및 크기에 더하여, 또한 스팬에 text-transform: none 세트.

Answer 2

간단한 방법은 JS하여 스타일을 설정하는 것 - 상기 케이스는 부모로부터 상속되지 않도록 http://jsfiddle.net/RahV3/

yourNode.style.textTransform = "lowercase"; 

Answer 3

자녀에게 부모의 속성보다 우선 할 수있는 스타일을 부여 할 수 있습니다.

"text-transform:initial;" 

을하며 우선 부모의

"text-transform:uppercase;"