• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

.notice article > div a 이거와.notice article > div > a 차이를 모르겠습니다.

20.06.11 03:47 작성 조회수 166

0

하나는 >  a들어가고  하나는 그냥 a쓰시는데 이유를 잘 모르겠습니다 ㅠㅠ 말씀좀 부탁드릴게요

답변 1

답변을 작성해보세요.

1

promotion님의 프로필

promotion

2020.09.20

1) .notice article > div a :    article의 모든 div의 모든 a의 영향을 주고, 스타일은 폰트 사이즈만 조정합니다. 

2) .notice article > div > a : div 다음에 오는 a 로 / li 속에 숨은 a 는 영향값에서 벗어나게 됩니다.

따라서, div > a 더보기 쪽에만 효과가 들어가게 되어 + 아이콘을 만드는 CSS입니다.

Test 해보시려면 : div > a 사이에서 ">" 를 제외시키시면 모든 a 가 우측 상단 배열되어 스타일이 깨집니다.