HTML - 콤비네이션 연산자

2022-01-09

Combinators

Descendant selectors A B (앞에있는 자손들중에서 B태그를 찾아라) Child selector A > B (A의 자식들중에서 B를 찾아라) Adjacent sibling selector A + B (A의 이웃한 B를 찾아라) General sibling selector A ~ B(A의 이웃한것들 중에서 B를 찾아라)

스타일 적용 순서
1. 콘텐츠 블록 스타일
2. 레이아웃 블록 스타일 (공간을 만든후 배치)
포함관계

<style>
        #main-menu>h1{
            font-size: 20px;

        }

    </style>


   
            <nav id ="main-menu">   
                <h1>메인메뉴</h1>
                <ul>
                    <li><nav><h1>aaa</h1></nav></li>
                    <li><a href="">학습가이드</a></li>
                    <li><a href="">강좌선택</a></li>
                    <li><a href="">AnswerIs</a></li>
                </ul>
            </nav>