Inflearn Community Q&A
asked
.notice article > div a 이거와.notice article > div > a 차이를 모르겠습니다.
Written on
·
274
0
하나는 > a들어가고 하나는 그냥 a쓰시는데 이유를 잘 모르겠습니다 ㅠㅠ 말씀좀 부탁드릴게요
HTML/CSS
Answer 1
1
1) .notice article > div a : article의 모든 div의 모든 a의 영향을 주고, 스타일은 폰트 사이즈만 조정합니다.
2) .notice article > div > a : div 다음에 오는 a 로 / li 속에 숨은 a 는 영향값에서 벗어나게 됩니다.
따라서, div > a 더보기 쪽에만 효과가 들어가게 되어 + 아이콘을 만드는 CSS입니다.
Test 해보시려면 : div > a 사이에서 ">" 를 제외시키시면 모든 a 가 우측 상단 배열되어 스타일이 깨집니다.