親要素、子要素


今日の記録
<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セレクタの選択によって影響を受けます.