X按钮不会关闭主导航，为什么CSS的“显示”不会改变？

X按钮不会关闭主导航，是因为X按钮的点击事件没有与关闭主导航的功能绑定在一起。CSS的"display"属性控制元素的显示与隐藏，但它并不会直接改变元素的功能或行为。

要实现X按钮关闭主导航的功能，可以通过JavaScript来实现。具体的实现方式可以是在X按钮的点击事件中添加关闭主导航的逻辑，例如通过修改主导航的样式或添加/移除相应的CSS类来实现显示与隐藏。

以下是一个示例代码：

HTML:

<button id="closeBtn">X</button>
<nav id="mainNav">
  <!-- 主导航内容 -->
</nav>

CSS:

#mainNav {
  display: block; /* 默认显示主导航 */
}

.hide {
  display: none; /* 隐藏主导航 */
}

JavaScript:

document.getElementById("closeBtn").addEventListener("click", function() {
  document.getElementById("mainNav").classList.add("hide");
});

在上述示例中，点击X按钮后，通过JavaScript将主导航的CSS类设置为"hide"，从而隐藏主导航。

对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，无法提供相关链接。但腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。