navの基礎の基礎

ナビゲーションの基礎の基礎

: ナビゲーションセクション要素 - HTML: ハイパーテキストマークアップ言語 | MDN

親：nav

子：ul or ol

孫：li

・子要素にclassを付け、リスト全体の配置・位置・サイズ・色を指定

.main-nav {
   display: flex;
   font-size: 1.25rem;
   text-transform: uppercase;
   margin-top: 34px;
   list-style: none;
}　

/* 色 */
.main-nav a {
   color: #２２２ ;
}

.main-nav a:hover {
   color:#４４４;
}

・孫要素にリスト個々の位置関係

.main-nav li {
   margin-left: 36px;
}