CSS:如何在下拉点击时更改活动导航页面菜单的颜色？

在CSS中，可以使用伪类选择器和CSS属性来实现在下拉点击时更改活动导航页面菜单的颜色。

首先，为活动导航页面菜单添加一个类名，例如"active"，用于标识当前活动的菜单项。

然后，使用伪类选择器":hover"来选择鼠标悬停在菜单项上时的样式，并设置相应的颜色属性。

接下来，使用JavaScript或jQuery等技术，为菜单项添加点击事件。在点击事件中，使用JavaScript或jQuery等方法，为当前点击的菜单项添加"active"类名，并移除其他菜单项的"active"类名。

最后，使用CSS选择器选择带有"active"类名的菜单项，并设置相应的颜色属性，以显示活动导航页面菜单的颜色。

以下是一个示例代码：

HTML:

<nav>
  <ul>
    <li class="active"><a href="#">菜单项1</a></li>
    <li><a href="#">菜单项2</a></li>
    <li><a href="#">菜单项3</a></li>
  </ul>
</nav>

CSS:

nav ul li:hover a {
  color: red; /* 鼠标悬停时的颜色 */
}

nav ul li.active a {
  color: blue; /* 活动菜单项的颜色 */
}

JavaScript/jQuery:

$(document).ready(function() {
  $('nav ul li').click(function() {
    $('nav ul li').removeClass('active');
    $(this).addClass('active');
  });
});

在上述示例中，当鼠标悬停在菜单项上时，菜单项的颜色将变为红色。当点击菜单项时，被点击的菜单项将添加"active"类名，并且其他菜单项的"active"类名将被移除。被添加了"active"类名的菜单项的颜色将变为蓝色。

请注意，这只是一个示例，实际应用中可能需要根据具体情况进行调整。另外，腾讯云相关产品和产品介绍链接地址请参考腾讯云官方网站。