일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 컬렉션
- start.spring.io
- 무한
- 루프
- Java
- 제네릭
- wrapper
- 싱글톤
- unboxing
- 박싱
- 내장객체
- bootstrap
- boxing
- 자동형변환
- 인텔리제이
- 싱글턴
- 메소드
- https://start.spring.io
- suvlet
- Short
- maven
- 클래스
- 빌드
- 언박싱
- Scanner
- 스프링
- 콜렉션
- Jenkins
- 제너릭
- dependency
Archives
- Today
- Total
Developer Gonie
[8주차] 4-8. 자손 결합자 ' ' *** 본문
자손 결합자
부모의 한다리 건너를 포함, 두다리, 세다리 쭈욱 모든 자손을 지정하는 선택자이다.
' ' 스페이스를 자손 결합자라고 하며 인자는 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>
사용예시
'K-DigitalTraining 강의 > 5. CSS(웹표준)' 카테고리의 다른 글
[8주차] 5. 상속: 부모 요소에서 지정한 속성이 그대로 자손 요소들에게 적용되는 것 (0) | 2022.07.04 |
---|---|
[8주차] 4-9. a태그 관련, 가상 클래스 선택자(디자인) (0) | 2022.07.04 |
[8주차] 4-7. 자식 결합자 '>' *** (0) | 2022.07.04 |
[8주차] 4-6. 그룹 선택자*** (0) | 2022.07.04 |
[8주차] 4-5. 전체 선택자*** (0) | 2022.07.04 |
Comments