수다닷컴

고맙습니다. 월욜에 코딩들어가는데 많은도움이 될것같아요!! 아~ 기뻐요! ^0^/

헤더 컨테이너 푸터로 나누게 되면 css가 너무 많이 늘어나기 때문에,
전체를 감싸고 있는데 wrap에 클래스가 추가되는 방식이 좋습니다.

그리고 보여주신 구성에서 선택자 지정이 틀렸는데요. 수정을 하면 이렇습니다

body{color:#333;} /* 기본폰트칼라 */

.red{color:#ff0000;} /* 바뀌는색상 */

한참을 들여다보고생각해봤는데요.. 그럼

body{color:#333;} /* 기본폰트칼라 */

#container .red{color:#ff0000;} /* 바뀌는색상 */

div id=\container\ class=\red\/div ←요렇꼬롬??

요렇게 하면 되는건가요오~??
크게 #header, #container. #footer 이렇담 세 아이디에 깔별로 작성하면되는? ^^

해당 아이콘 눌렀을때 body나 wrap에 클래스가 들어가도록 스크립트를 넣어주신 후에,
css에서 선택자를 기존선택자에 색상클래스를 상위에 한 번 더 두는 식으로 css를 작성하면 편합니다.

ul li{color:#색상}
.색상클래스 ul li{color:#변경된색상}

ex)
html
div id=\wrap\p처음엔 파란색/p/div

빨간색 아이콘 클릭시 id=\wrap\에 클래스 추가
div id=\wrap\ class=\red\p처음엔 파란색

ㅋㅋㅋㅋㅋㅋ n수다님 답글 보고 빵터졌음..ㅋㅋ

ㅋㅋㅋㅋㅋ 좀 멍청합니다..ㅋㅋㅋ

네...멍청한 생각입니다...ㅋㅋㅋㅋㅋㅋㅋㅋ

음...제생각이 멍청한지 모르겠는데.. 스크립트 를 만들줄 몰라서리;;
페이지를 두개 만들고 하나는 녹색 페이지 하나는 붉은 페이지 만들고 색깔에
해당하는 색의 페이지 링크 걸어쥬면 되겠내여 ㅋ

css를 3개 만드시면 될것같네요 기본,그린,레드
눌렀을때 해당 css를 호출하거나 아니면 id값을 지정해주고 스크립트로 처리해도 될듯합니다.
저런거 시작할때부터 구조를 잘짜야 나중에 손이 많이 안갈것같네요^^