오늘기록
<head>
#grid{
display grid;
grid-template-columns: 150px 1fr;
}
ol{
padding-left:25px;
}
</head>
<div id ="grid">
<ol>
<li><a href=1.html>HMTL</li>
</ol>
</div>
이런 형식으로 작성할경우 ol태그가 현재 내비게이션 역할을 하는데 본문에서 목록이 있는 리스트 역할을 할수 있기 때문에
다른 역할을 방지하기 위하여 현재 id="grid"에 속에 있는 ol태그를 grid를 선택할수 선택자로 변경시켜준다.
ol{
padding-left:25px;
}
#grid ol{
padding-left:25px;
}
이러면 모든 웹페이지 중에서 #grid속한 ol태그는 grlid 선택자를 선택하여 영향을 받게된다.
주어진 문제는 해결하고 공부하고 성장한다.