[CSS] 한 걸음 더 CSS: 코딩가나다 상속(Inheritance)

style7.css

/*상속이 되는 color, 상속이 안 되는 border
웹 초창기때부터 a태그의 글씨색은 기본 보라색으로(읽음표시) 노출됨
색을 바꾸려면 지정된 색으로 만들어줌. */

a{
    text-decoration: none; /* 밑줄 없애기 */
    color: inherit;/* 부모로부터 상속! 주의점: 인터넷 익스플로러 6,7버전에선 호환 안됨*/
}
button{
    font: inherit;
}

.box h1{
    color: firebrick;
}

.box h1:before{
    content: ' ';
    display: inline-block;
    background-color: currentColor;/*주의점: 인터넷 익스플로러 6,7,8버전에선 호환 안됨*/
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 0.5em;
}

 

---

아래 강의를 수강하고 개인적으로 정리하는 글입니다.

https://programmers.co.kr/learn/courses/4521

한 걸음 더 CSS: 코딩가나다 | 프로그래머스