CSS는 HTML문서에서 스타일을 다루는 문법이지만 CSS의 셀렉터 라는 개념은 여러곳에서 응용이 되는 것 같다.

하나는 유명한 JavaScript 라이브러리인 jQuery이고, 다른 하나는 Zen Coding이다.

Zen Coding은 CSS의 문법을 HTML 엘리먼트들을 생성하기 위해 사용한다.

예를 들어, 아래와 같은 id가 content인 div안에 여러 컨텐츠를 입력하려면 손이 많이 간다.

<body>

</ul>

</div>

</body>

Zen Coding을 이용한다면, 한문장으로 생성할 수 있다.

아래 문장을 치고 끝에서 Expand abbreviations를 적용하면 위의 HTML코드로 변환이 된다.

<body>

div#content>div.logo+ul#navigation>li*5>a

</body>

이클립스용 플러그인 site : http://zen-coding.ru/eclipse/updates/

에디트플러스 - 3.4버전부터 지원

비주얼스튜디오 플러그인 sizte : Zen Coding Visual Studio Plugin => netsi.dk

http://coding.smashingmagazine.com/2009/11/21/zen-coding-a-new-way-to-write-html-code/ 를 참고하면 좋을 듯.

관용구

JQuery 라이브러리 추가 - script[src=http://code.jquery.com/jquery-1.8.2.min.js]

=> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

JQuery ready - script 로 뼈대 생성후, $(document).ready(function(){}); 붙여넣기

=> <script type="text/javascript">$(document).ready(function(){});</script>

나모의 노트