如何使用js或jquery在两个css文件之间切换？

Question

我有 2 个用于网站亮模式和暗模式的 css 文件
light.css 和 dark.css 在同一目录中。

<nav class="nav-menu">
      <ul>
        <li class="active"><a href="#intro"><i class="bx bx-home"></i> <span>Home</span></a></li>
        <li><a href="#button"><i class="bx bx-button"></i> <span>Toggle</span></a></li>
      </ul>
    </nav>

我已经在 HTML 中集成了光模式 css 文件。 我该如何使用

<li><a href="#button"><i class="bx bx-button"></i> <span>Toggle</span></a></li>

在我的网站中切换图标以切换到暗模式 css 文件？

Answer 1

为 css 链接添加一个特定的 id，并在使用 javascript/jQuery 触发您选择的按钮时更改属性 href 的值。