Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 디자인패턴
- 주짓떼라
- 하프가드
- 파이썬
- JavaScript
- Redux
- 프로그래밍
- web
- 개발
- 영화리뷰
- development
- graphQL
- 주짓떼로
- 주짓수
- nodejs
- 영화감상
- 드릴
- 웹개발
- Node
- Express
- 자바스크립트
- git
- 솔로드릴
- REACT
- 엄티로드
- 리액트
- 클로즈가드
- 개발자
- 노드
- 영화
Archives
- Today
- Total
목록CSS Selector (1)
As i wish
[CSS] 선택자 비교 (공백, > // +, ~)
안녕하세요. 엄티입니다. 오늘은 CSS selector 중 비슷하지만 조금 다른 것들을 알아보겠습니다. 오늘은 그 중에서 4 가지 경우를 알아볼건데요. 1. A B 2. A > B 3. A + B 4. A ~ B 1, 2 번은 A 태그 안에 있는 B 라는 태그 가 있을 경우, 3, 4 번은 B라는 태그가 A 태그 랑 같은 레벨에 있을 경우에 적용 됩니다. 1. div p: div 자식안에 있는 모든 p 의 적용 2. div > p: div 의 직계자손인 p 의 적용 'List Item 1' 가 p 태그로 감싸져 있는데 1 번인 경우 div 에 자식안에 있는 모든 p의 적용 되기 때문에 ul 태그 안에 있어도 스타일이 적용 되는 반면 2 번인 경우 'List Item 1' 이 div 의 직계 자손이 아니기..
Develope
2020. 1. 5. 01:47