CSS

Question

안녕하세요. 강의 잘 보고 있습니다.  CSS에서 스타일을 적용하고자 하는 class를 지정할때 첫번째 방법으로 하셨는데요.  두번째(comment out한 부분)처럼 바로 .navbar-brand를 지정하는것과 무슨 차이가 있나요? 결과를 눈으로 봤을 땐 거의 차이가 없어 보여서 질문합니다.  그리고 ' > ' 의 역할이 무엇인지도 궁금합니다. 감사합니다.  .header-area  >  .navbar  >  .navbar-brand  {      display :  inline-block ;      position :  absolute ;      top :  50% ;      transform :  translateY ( -50% );      font-size :  32px ;      cursor :  pointer ; } /* .navbar-brand {     display: inline-block;     position: absolute;     top: 50%;     transform: translateY(-50%);     font-size: 32px;     cursor: pointer; } */

leesumin900685 · Answer

.header-area > .navbar > .navbar-brand 과 같이 지정자를 설정하면 'header-area' 내의 'navbar' 내의 'navbar-brand' 클래스만 특정하여 가리키게 됩니다. 반면에, 'navbar-brand' 로 클래스 지정을 하게되면 페이지내 'navbar-brand' 클래스가 설정된 모든 태그 요소들을 가리키게되는 차이점이 있습니다. 의도치 않은 코드동작을 줄일 수 있기 때문에 첫 번째 방법이 권장됩니다. ^^