[ HTML & CSS ] 셀렉터

셀렉터 문법을 사용해 CSS 코드 양 줄이기 !

Selector 문법 공백 ~안에 있는 모든자식
Selector 문법 > ~안에 있는 직계자식

<style>
	.navbar>li {
    			display:inline-block;
    			}
                /* nav 안에 있는 직계자식만 해당*/
                
    .navbar li {
    			display:inline-block;
    			}
                /* nav 안에 있는 모든 자식 해당*/
</style>

<nav>
	<ul class="navbar">
    	<li>목록1(직계)<li>목록안의 목록(자식)</li><l1>
        <li>목록2(직계)<l1>
        <li>목록3(직계)<l1>
        <li>목록4(직계)<l1>
    </ul>
</nav>