[HTML/CSS] 컬러 생략이 가능한 경우

 

 

부모 태그에 컬러를 지정한 경우, 자식 태그에 컬러 생략이 가능하다.

 

<div class="test-area">
  <span>테스트 문구</span>
</div>

/* 폰트, 선에 컬러지정을 하지 않았다. */
.test-area {
  color: #1f8cff;

  span {
    border: 1px solid;
    text-decoration: underline;
  }
}

 

 

 

색상을 지정하지않아도 부모의 컬러값을 따라간다.

 

 

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.