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 |
Tags
- Servlet
- webpack
- node
- 자바
- 코드업
- HTML
- 그럼에도불구하고
- media query
- redux
- 코딩테스트
- 자바문제풀이
- 변수
- github
- java
- JS
- cleancode
- react
- git
- node.js
- @media
- 프론트엔드
- TypeScript
- JavaScript
- frontend
- react-router-dom
- 그럼에도 불구하고
- coding
- CSS
- max-width
- 반응형 페이지
Archives
- Today
- Total
목록가상 클래스 (1)
그럼에도 불구하고
[CSS] 여러가지 선택자
오늘은 여러 가지 선택자에 대해 알아보자 [ 연결 선택자 ] 하위 요소에 스타일을 적용하는 하위 선택자와 자식 선택자 특정 요소를 기준으로 그 안에 포함된 요소를 하위 요소라고 한다. 그리고 현재 요소를 기준으로 바로 한 단계 아래 요소는 자식 요소라고 하며, 그 자식 요소의 한 단계 아래는 손자 요소라고 한다. [ 하위 선택자 ] 하위 선택자(descendant selector)를 사용하면 부모 요소에 포함된 하위 요소를 모두 선택하며 자손 선택 자라고도한다. 즉, 자식 요소뿐만 아니라 손자 요소, 손자의 손자 요소 등 모든 하위 요소까지 적용된다. 하위 선택자는 상위 요소와 하위 요소를 공백으로 구분한다. 상위요소 하위요소 [ 자식 선택자 ] 자식 선택자(child selector)는 하위 선택자와 ..
HTML, CSS/HTML, CSS basics
2022. 12. 19. 16:37