Css 2010. 6. 2. 08:42

CSS 기본 패턴

// 태그의 id의 값이 'testring '인 것에 스타일을 준다.
#testring {position:absolute; left:57px; top:275px;}

// 태그의 id의 값이 'testring'인 것의 하위 태그가 <li>인 곳에 스타일을 준다
#testring li {float:left; margin-left:0px;}

// 태그의 class가 testing인 것들에 스타일을 지정한다.
.testing { float:left; width:64px; font-weight:bold; font-size:12px; padding:2px 0px 0px 0px; vertical-align:middle;}

// 태그의 id가 testring1이고 하위 태그가 <li>이며 그 태그의 class가 test_icon인것에 스타일을 지정한다.
#testing1 li.test_icon { width:51px; height:20px;}

// 태그의 class가 .noscroll인 태그안의 <table> 그 안의 <th>태그와, 
    태그의 class가 .noscroll인 태그안의 <table> 그 안의 <td>태그에 스타일을 적용
.noscroll table th, .noscroll table td