Amazing Story

(7) 조합 선택자- 조합 선택자는 기본선택자 2개 이상을 한 번에 사용하는 선택자1) 조합 선택자의 종류- 그룹 선택자- 자식 선택자- 자손(하위) 선택자- 인접 형제 선택자2) 그룹 선택자- 그룹 선택자는 서로 다른 선택자가 같은 스타일을 적용할 경우 개별작성하지않고, 선택자를 콤마(,)로 연결하여 한 번에 스타일을 적용하는 방법 ■ 그룹 선택자 사용시, 선택자와 선택자는 콤마(,)로 연결하여 다음과 같이 작성→ 선택자1, 선택자2, 선택자3{} 12345678910111213141516171819202122조합 선택자 /* 그룹 선택자 */ .a1, .a2{color : #f00;} .a3, .a4, .a5, .a6, .a7{font-size : 20px;} .a1, .a2, .a3, .a4, .a..

(5) 가상클래스- 가상클래스 : 가상클래스는 요소의 이벤트에 대응하기 위하여 미리 만들어 놓은 클래스다1) 가상클래스의 종류- link : 하이퍼링크가 적용된 요소- visited : 링크 요소를 한 번 이상 방문한 요소- hover : 요소에 마우스가 올라간 상태- active : 링크 요소가 활성화된 상태 / 마우스가 누르고 있을 때- focus : 폼요소가 선택된 상태, 입력대기모드 2) 사용법- 선택자로 사용시 요소명 :가상클래스이름과 같이 사용한다.- 선택자로 사용시 요소명 대신에 아이디 또는 클래스 선택자가 올 수 있다.3) 사용 예제 12345678910111213141516171819202122가상클래스 /* 가상 클래스 */ a:link{color: #000;} .visited:visi..

2. 선택자(Selector)- 선택자란 내부, 외부 스타일에서 CSS가 HTML요소를 선택하기 위한 수단 ■ 선택자의 종류 1) 기본 선택자 - 전체 선택자 - 요소 선택자 - id 선택자 - class 선택자 - 가상 클래스 - 가상 요소 2) 조합 선택자 - 그룹 선택자 - 자식 선택자 - 하위(자손) 선택자 - 인접 형제 선택자 (1) 전체 선택자 - 전체 선택자는 문서의 모든 요소를 선택할 때 사용하고 선택자로 *를 사용한다. 123456789101112 (2) 요소 선택자 - 요소 선택자는 문서의 특정요소를 선택자로 요소명을 사용한다. - 요소 선택자 사용시 문서의 지정된 요소는 모두 선택된다. (3) id 선택자- 요소에 id속성, id이름을 생성하고 id이름을 선택자로 사용한다.- id이름..