- slide 1 of 23, currently active
- slide 2 of 23
- slide 3 of 23
- slide 4 of 23
- slide 5 of 23
- slide 6 of 23
- slide 7 of 23
- slide 8 of 23
- slide 9 of 23
- slide 10 of 23
- slide 11 of 23
- slide 12 of 23
- slide 13 of 23
- slide 14 of 23
- slide 15 of 23
- slide 16 of 23
- slide 17 of 23
- slide 18 of 23
- slide 19 of 23
- slide 20 of 23
- slide 21 of 23
- slide 22 of 23
- slide 23 of 23
5.2.3 하위 선택자
하위 선택자는 선택자의 범위를 특정 부모 요소의 하위 요소로 한정하는 방법입니다. 2개 이상의 선택자를 사용하고, 선택자와 선택자는 공백으로 구분합니다.
형식
선택자1 선택자2 선택자3 ...{/* CSS 코드 */}
다음 코드는 div 태그의 하위에 있는 p 태그로 작성된 요소만 선택해 텍스트 색상을 빨간색으로 적용합니다.
05/02/desent_selector.html
<style>
div p{
color:red;
}
</style>
(중략)
<div>
<p>lorem 1</p> ①
<ul>
<li>
<p>lorem 2</p> ①
</li>
<li>
<p>lorem 3</p> ①
</li>
</ul>
</div>
<p>lorem 4</p>
① div 태그의 하위에 있는(자손인) p 태그에만 적용