CSS導(dǎo)航的子項(xiàng)命名

在CSS中，導(dǎo)航的子項(xiàng)通常使用列表（List）來定義，例如無序列表（ul）或有序列表（ol），在命名子項(xiàng)時(shí)，可以使用列表項(xiàng)（List Item, li）作為類名（Class Name），這樣可以通過CSS來定制它們的樣式。

<ul class="nav">
  <li class="nav-item">Home</li>
  <li class="nav-item">About</li>
  <li class="nav-item">Services</li>
  <li class="nav-item">Contact</li>
</ul>

在這個(gè)例子中，我們定義了一個(gè)名為“nav”的無序列表，每個(gè)子項(xiàng)都使用了“nav-item”類名，這樣，我們就可以通過CSS來定制整個(gè)導(dǎo)航欄以及每個(gè)子項(xiàng)的樣式。

.nav {
  list-style-type: none; /* 去除列表前的標(biāo)記 */
  margin: 0; /* 去除上下左右的邊距 */
  padding: 0; /* 去除上下左右的內(nèi)邊距 */
  background-color: #333; /* 設(shè)置背景顏色為深灰色 */
}
.nav-item {
  display: inline-block; /* 將每個(gè)子項(xiàng)設(shè)置為內(nèi)聯(lián)塊元素，以便它們可以水平排列 */
  margin-right: 1em; /* 設(shè)置每個(gè)子項(xiàng)之間的間隔為1em */
  color: #fff; /* 設(shè)置文字顏色為白色 */
  text-decoration: none; /* 去除下劃線 */
}

在這個(gè)CSS樣式表中，我們定義了“nav”類的樣式，包括背景顏色和列表標(biāo)記的去除，同時(shí)也定義了“nav-item”類的樣式，包括顏色、文本裝飾和間隔，這樣，我們的導(dǎo)航欄就會(huì)有一個(gè)深灰色的背景，每個(gè)子項(xiàng)之間沒有下劃線，并且它們會(huì)水平排列在一起。