[CSS] 선택자 응용 20가지 : 여러 가지 요소, 요소 내부의 요소 등등 . .

#CSS ※ Ctrl+F로 키워드 검색이 가능합니다. 선택자 응용 특정 요소 내부의 요소 : 상위요소 하위요소{property:value}. 단순히 한 칸 띄워서 작성한다. 특정 id를 가지는 특정한 요소 : 요소#id{property:value}. <div class="table"> <bento> <orange /> </bento> <plate id="fancy"> <pickle /> </plate> <plate> <pickle /> </plate> </div> 위 문서에서 단순히 #fancy로 <plate id="fancy">를 선택할 수 있지만 #fancy를 가지는 다른 요소가 있는 경우 <plate id="fancy">만을 선택하고 싶다면 plate#fancy를 사용한다. 특정 class를 가지는 특정한 요소 : 요소.id{property:value}. 특정 id를 가지는 경우와 유사. 특정 요소 내부에 있으며, 특정 class를 지니는 경우 : 상위요소 하위요소.cl...

원문링크 : [CSS] 선택자 응용 20가지 : 여러 가지 요소, 요소 내부의 요소 등등 . .