🎨 CSS 콤바인어와 유니버설 선택자 사용법

## 개요
CSS 콤바인어(Combinator)는 요소 간의 관계를 기반으로 선택자를 결합하는 문법입니다. 유니버설 선택자는 모든 요소를 대상으로 합니다. 이는 레이아웃 조절과 스타일 전역 적용에 효과적입니다.

## 주요 특징
- `>` 콤바인어: 자식 요소만 선택 (부모와의 직접적인 관계)
- `*` 유니버설 선택자: 문서 내 모든 요소를 선택
- 특정 요소에만 스타일 적용 가능
- CSS3에서 추가된 문법 특징 포함

## 사용법
```css
/* 콤바인어 예제 */
.parent > .child {
border: 2px solid red;
}

/* 유니버설 선택자 예제 */
*
{
outline: 2px dashed blue;
}
```
이 코드는 모든 요소에 테두리를 추가하고, .parent 바로 아래 .child 요소만 강조합니다.

## 주의사항
- `*` 선택자는 성능 저하 가능 (모든 요소 탐색)
- 콤바인어와 클래스/ID 선택자 조합 시 오류 발생 가능성
- Tailwind CSS 같은 프레임워크에서는 유니버설 선택자 사용 제한 권장

## 관련 문법
- :pseudo-class (상태 기반 선택자)
- [attribute] (속성 선택자)
- nth-child() (자식 요소 인덱스 선택자)

.parent > .child {
  border: 2px solid red;
}

*
{
  outline: 2px dashed blue;
}

/* 실무 예제: 자식 요소만 강조 */
nav > a {
  color: #007bff;
}

/* 실무 예제: 전역 스타일 적용 (경우에 따라 사용) */
*
{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}