CSS:设置下拉菜单列表的样式，但链接样式不会从主导航样式更改

/* 选择下拉菜单的父元素 */
.dropdown {
  position: relative;
}

/* 选择下拉菜单的触发按钮 */
.dropdown button {
  /* 设置按钮样式 */
}

/* 选择下拉菜单列表 */
.dropdown ul {
  /* 设置列表样式 */
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
}

/* 选择下拉菜单列表项 */
.dropdown ul li {
  /* 设置列表项样式 */
}

/* 选择下拉菜单列表项的链接 */
.dropdown ul li a {
  /* 设置链接样式 */
}

/* 选择下拉菜单列表项的链接在悬停状态下的样式 */
.dropdown ul li a:hover {
  /* 设置链接悬停样式 */
}