CSS 편집하기 (부분)

== 선택자 ==
CSS 선택자는 스타일을 적용할 요소를 정확하게 선택하는 역할을 한다. 올바른 선택자 사용은 코드의 가독성을 높이고, 불필요한 중복이나 우선순위 문제를 최소화하는 데 매우 중요하다.

* 전체 선택자(<code>*</code>): 모든 요소를 선택한다.
* 태그 선택자(<code>tagname</code>): 특정 태그명을 가진 모든 요소를 선택한다.
* 클래스 선택자(<code>.classname</code>): 특정 클래스를 가진 모든 요소를 선택한다.
* ID 선택자(<code>#idname</code>): 특정 ID를 가진 요소를 선택한다.
* 자식 선택자(<code>parent > child</code>): 특정 부모의 직계 자식 요소를 선택한다.
* 하위 선택자(<code>ancestor descendant</code>): 특정 조상의 모든 하위 요소를 선택한다.
* 인접 형제 선택자(<code>prev + next</code>): 바로 다음에 위치한 형제 요소를 선택한다.
* 일반 형제 선택자(<code>prev ~ siblings</code>): 이후에 위치한 모든 형제 요소를 선택한다.

또한, CSS에는 가상 클래스로 불리는 '''의사 클래스(Pseudo-class)'''와 의사 요소(Pseudo-element)도 존재한다. 예를 들어, <code>:hover</code>, <code>:focus</code>, <code>:active</code>와 같은 의사 클래스는 특정 상호작용 상태의 요소에 스타일을 적용할 때 사용한다. 의사 요소인 <code>::before</code>, <code>::after</code>, <code>::placeholder</code> 등은 요소의 실제 콘텐츠가 아닌, 가상의 영역에 스타일을 줄 때 유용하다.