부모,자식요소
오늘기록
<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 선택자를 선택하여 영향을 받게된다.
Author And Source
이 문제에 관하여(부모,자식요소), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@chp0510/부모자식요소저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)