[CSS] ② CSS 상속 & 선택자
▶상속 스타일을 작성하다 보면 요소에 직접 부여하지 않은 스타일이 적용되어 당황스러울 때가 있습니다. 대부분 이런 상황은 상속에 의해 발생합니다. CSS의 프로퍼티 중에서 상위요소(부모, 조상)에서 적용되었지만, 자식 요소까지 상속되는 프로퍼티들이 있습니다. 대표적으로 font 관련 프로퍼티나 색상, 정렬 방식의 프로퍼티가 상속됩니다. parent child 이 코드의 실행 결과는 다음과 같습니다. 반대로 width, height, margin, display, border처럼 상속되지 않는 프로퍼티 또한 존재합니다. parent child 코드 실행 결과는 다음과 같습니다. border(테두리)가 상속되는 프로퍼티라면 child가 작성된 p 영역 또한 테두리 선이 나타나야 하지만 아무런 변호가 없습니다..
프론트엔드/CSS
2022. 7. 6. 13:42
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- JSP
- react-query
- 인프런
- 파이썬
- 프론트엔드
- 자바스크립트
- Python
- 프로젝트 회고
- 리액트 훅
- 프론트엔드 공부
- TypeScript
- react
- 자바스크립트 기초
- 타입스크립트
- 리액트
- 디프만
- 자바
- rtl
- CSS
- 데이터분석
- 딥러닝
- jest
- styled-components
- next.js
- HTML
- 스타일 컴포넌트 styled-components
- 머신러닝
- frontend
- 프론트엔드 기초
- testing
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함