CSS中的

和
• 樣式是在Web設(shè)計(jì)中經(jīng)常用到的一個(gè)組合，它們可以創(chuàng)建出類似樹形結(jié)構(gòu)的效果。這種樹形結(jié)構(gòu)可以用來展示各種有層次關(guān)系的內(nèi)容，比如目錄、導(dǎo)航欄和分類列表等。

  ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }
  li {
  margin: 0 0 0 1.5em;
  padding: 0;
  }
  li:before {
  content: "\\2022";
  color: #666;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  }

  第一個(gè)CSS樣式是

  ，它定義了一個(gè)無序列表。這個(gè)樣式設(shè)置了列表的樣式，將其在頁面上完全去掉，設(shè)置了外邊距和內(nèi)邊距，以確保頁面上的列表具有良好的視覺效果。

  第二個(gè)CSS樣式是

  • ，它表示列表中的每一個(gè)項(xiàng)目。它設(shè)置了列表項(xiàng)的外邊距和內(nèi)邊距，以確保各個(gè)項(xiàng)目之間有足夠的空間，并且不會(huì)出現(xiàn)不美觀的縮排效果。

    第三個(gè)CSS樣式是li:before，它是在每一個(gè)列表項(xiàng)前添加了一個(gè)小圓點(diǎn)，用于表示樹形結(jié)構(gòu)中的父子關(guān)系。這個(gè)樣式通過content屬性定義圓點(diǎn)的形狀，使用color屬性設(shè)置了圓點(diǎn)的顏色，用font-weight屬性設(shè)置了字體的粗細(xì)。在這個(gè)樣式中還用到了一些其他的屬性，比如display、width和margin-left等，這些屬性的作用是用來控制圓點(diǎn)顯示的位置和大小。