Notice
Recent Posts
Recent Comments
관리 메뉴

Developer Gonie

[8주차] 4-8. 자손 결합자 ' ' *** 본문

K-DigitalTraining 강의/5. CSS(웹표준)

[8주차] 4-8. 자손 결합자 ' ' ***

이대곤 2022. 7. 4. 01:56

자손 결합자

부모의 한다리 건너를 포함, 두다리, 세다리 쭈욱 모든 자손을 지정하는 선택자이다.

 ' ' 스페이스를 자손 결합자라고 하며 인자는 2개 이상이 될 수 있으며, 그 인자는 요소(태그) 이거나 다른 선택자일 수 있다.

/* dl요소의 한다리, 두다리, 세다리 쭈욱 모든 자손중에 span인 요소를 모두 지정하는 선택자이다. */
dl span{
}

/* 자손결합자의 인자로 id선택자와 요소를 같이 사용한 예시*/
#mylove li span{
}

...

<dl>
	<dt>재료</dt>
	<dd><span>쇠고기 200g,</span> 다진 파 1큰술, ..., 튀김기름</dd>
</dl>

<ul id="mylove">
	<li>감자 1개</li>
	<li>두부 <span>1/2모</span></li>
</ul>

사용예시

 

Comments