-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
css 우선순위?
21.08.13 15:29 작성 조회수 123
0
안녕하세요!
.main-message small{
.main-message small{
display: block;
font-size: 1rem;
margin-bottom: 0.5em;
}
#scroll-section-2 .main-message {
font-size: 3.5rem;
color: blue;
}
html 이 14pt일때
small 은 14*1 이고
아래 main-message 는 14*3.5
라는 의도는 알겠고 실제로도
그렇게 확인이 됐는데요,
궁금한건
small태그는 main-message안에
있기도 하니까,
아래 3.5배가 한번 더 적용되어야
된다고 생각했는데 안 되는 이유가
뭔가요??
html 이 14pt일때
small 은 14*1 이고
아래 main-message 는 14*3.5
라는 의도는 알겠고 실제로도
그렇게 확인이 됐는데요,
궁금한건
small태그는 main-message안에
있기도 하니까,
아래 3.5배가 한번 더 적용되어야
된다고 생각했는데 안 되는 이유가
뭔가요??
답변을 작성해보세요.
1
1분코딩
지식공유자2021.08.23
rem은 무조건 루트 요소, 즉 html의 폰트 사이즈를 기준으로 하기 때문에
요소가 얼마나 중첩되어있는지는 상관 없답니다.
em의 경우는 말씀하신대로 요소를 포함하고 있는 부모 요소의 폰트 크기에 영향을 받습니다^^
답변 1