apply Style Sheet rules

스타일 적용시에는 styleSheet 오브젝트의 (document.styleSheets : Array) 메소드를 사용하는데,

• IE 에서는 addRule 을 사용

인자값을 3개(필수3개)로,

1. 0번 argument에는 선택자('div', 'p' 등..)를 넣고,
2. 1번 argument에는 스타일 명령("color:blue", "overflow:hidden" 등..)을 넣는다.
3. 2번 argument에는 0부터 시작하는 pages 컬렉션(document.styleSheets[?].pages : Array)에서의 위치할 인수를 넣는다. (-1을 넣으면 제일 뒤에 위치하게 된다.)
   반환값은 항상 -1이다. (주의: 오류가 없어도 -1을 반환)
   

• FF 에서는 insertRule 를 사용

인자값은 2개(필수2개)로,

1. 0번 argument에는 스타일 명령을 선택자를 포함하여 넣는다. (예: "#myTable {-moz-user-select:none}")
2. 1번 argument에는 0부터 시작하는 cssRules 컬렉션(document.styleSheets[?].cssRules : Array)에서의 위치할 인수를 넣는다. (주의: addRule과는 다르다, -1 인자값을 넣으면 에러가 난다.)
   반환값은 cssRules 컬렉션에서의 위치한 위치값이다.
   

ps. 아즈키네 2번째 블로그 옛글중에 가져옴 (http://2.azki.org/182)