질문드립니다!

안녕하세요 강의를 보던 중 문의드립니다! 

위의 이미지 부분에서 .box div 선택시, box 자손  div들은 모두 같은 css가 적용된다고 하셨는데 오른쪽에 보이는 박스들은 왜 같은 위치가 아니고 자식div만 padding값이 적용된건가요?.. 

그리고 혹시 이렇게 태그방식 말고 각 태그에 class를 지정해서 스타일 지정해주는 방식으로 진행하면 안되는건가요~?!

class로 지정할 시, css에서 해당되는 것을 호출(?) 하는 것도 궁금합니다..! 

만약

<div class="parent">

   <div class="a">

      <div class="b"></div>

   </div>

</div>

이런식으로 자손요소에 class명(b)을  지정해서 스타일을 매기고 싶다면 

.b만 쓰면 되는건지, 그 앞에 부모요소(.a .b)라고 써야되는건지 부모의 부모요소까지 써야되는건지(.parent .a .b)궁금합니다!