使用CSS做出一个嵌套导航.

当使用CSS创建嵌套导航时，可以按照以下步骤进行操作：

1. 创建HTML结构：首先，需要创建一个包含导航的HTML结构。可以使用无序列表（<ul>）和列表项（<li>）来构建导航的层次结构。例如：

<ul class=\"nav\">
  <li><a href=\"#\">首页</a></li>
  <li>
    <a href=\"#\">产品</a>
    <ul>
      <li><a href=\"#\">产品1</a></li>
      <li><a href=\"#\">产品2</a></li>
      <li><a href=\"#\">产品3</a></li>
    </ul>
  </li>
  <li><a href=\"#\">关于我们</a></li>
</ul>

1. 添加CSS样式：接下来，使用CSS样式来设置导航的外观和布局。可以使用选择器来选择导航的不同层次，并为其应用样式。例如：

.nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav li {
  display: inline-block;
  position: relative;
}

.nav li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
}

.nav li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  padding: 0;
}

.nav li:hover ul {
  display: block;
}

.nav li ul li {
  display: block;
}

.nav li ul li a {
  padding: 5px 10px;
  color: #333;
}

在上面的示例中，我们使用了一些常见的CSS属性来设置导航的样式。.nav类选择器用于设置导航的基本样式，.nav li选择器用于设置每个导航项的样式，.nav li a选择器用于设置导航链接的样式。.nav li ul选择器用于设置嵌套导航的样式，.nav li:hover ul选择器用于在鼠标悬停时显示嵌套导航。

1. 自定义样式：根据需要，可以根据自己的设计要求自定义导航的样式。可以修改背景颜色、字体样式、边框等属性来满足设计需求。

这是一个简单的嵌套导航示例，你可以根据自己的需求进行修改和扩展。希望这个攻略对你有所帮助！