[css] 선택자

/* h1태그를 클릭했을 때 */
h1:active {
	color: orange;
}
  
/* h1태그에 마우스 커서를 올렸을 때 */
h1:hover {
	color: orange;
}
  
/* input태그가 선택되었을 때 */
input:focus {
	color: orange;
}
  
/* 방문 후 링크 */
a:focus {
	color: orange;
}

/* class 속성의 값이 fruits인 요소의 첫번째 span 자식 요소 */
.fruits span:first-child {
	color: orange;
}
  
/* class 속성의 값이 fruits인 요소의 마지막 span 자식 요소 */
.fruits span:last-child {
	color: orange;
}
  
/* class 속성의 값이 fruits인 요소의 2번째 자식 요소 */
.fruits *:nth-child(2) {
	color: orange;
}

/* class 속성의 값이 fruits인 요소의 자식 요소 중 span 태그가 아닌 요소 */
.fruits *:not(span) {
	color: orange;
}