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

问题描述

我有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中集成了light模式的css文件。如何使用

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

切换图标以切换到我网站上的暗模式CSS文件？

解决方法

使用CSS / jQuery触发所选按钮时，为css链接添加特定的ID，并更改属性href的值。