Selectors

Draft
  • account_tree
  • bug_report

Class Selector

요소의 class 속성을 이용한 선택자 패턴이다.

구문

.class { css declarations; }기본형식CSS1
닷(.) 이후의 문자열이 요소의 class와 일치하는 경우 선택자로 사용된다.
.mybox사용 예CSS1
'mybox'라는 class 값을 가지고 있는 요소를 선택자로 사용한다.

기술 문서

class를 이용한 선택자는 가장 많이 사용하는 일반적인 패턴이다. class는 중복을 허용하므로 동일한 Style 처리를 하고자 할 경우에 장점을 갖는다. 또한 class는 한 요소에게 두 개 이상의 값을 가지게 할 수 있으므로 요소간의 Style 처리를 체계적으로 지정할 수 있다. 즉 요소들의 중복된 디자인 처리를 그룹으로 묶어서 class로 관리할 수 있기에 효율적인 코드 설계가 가능하다.

지원 웹브라우저