[CSS] 상속

4066 단어 CSSCSS
<!DOCTYPE html>
<html>
    <head>
        <style>
            /* h1{color: darkcyan;}
            li{color:darkgray} */
            html{color: aquamarine;}
            body{border: 1px solid;}
        </style>
    </head>
    <body>
        <h1>Hello Github</h1>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JS</li>
        </ul>
    </body>
</html>

html의 색 속성은 상속되는 것을 볼 수 있다. 그러나 body의 속성은 body에만 적용된 것을 볼 수 있다.
이와 같이 속성에 따라서 상속이 되기도 하고 안되기도 한다.

https://www.w3.org/TR/CSS21/propidx.html 해당 사이트에서 상속 여부를 확인할 수 있다.

좋은 웹페이지 즐겨찾기