인프런 커뮤니티 질문&답변

강의 8:02에 .local-nav-links .product-name을 하여 .local-nav-links a보다 우선순위를 올려 주셨는데

앞서 작성하신 .local-nav-links a:not(.product-name)에 fontr-size를 정해주고

.porduct-name에 굵기, 크기를 조절해준다면 더 클린한 코드 아닌가요? 사실 크게 상관 없을거 같은데 궁금해서 질의 합니다.

8:02부분과 이 코드를 비교하시면 제질문이 이해되기 쉬울거 같습니다.

.product-name {
  margin-right: auto;
  font-size: 1.2rem;
  font-weight: bold;
}

.local-nav-links a:not(.product-name) {
  margin-left: 2em;
  font-size: 0.8rem;
}