在网页开发中，我们经常需要切换 CSS 链接以达到不同的样式效果。下面是一个演示如何切换 CSS 链接的代码示例：

首先，在 HTML 文件中我们需要定义两个不同的 CSS 链接，例如：

然后，在 JavaScript 中我们可以通过document.getElementsByTagName()方法获取 link 标签，然后修改其 href 属性实现切换。例如：

var links = document.getElementsByTagName('link');
for (var i = 0; i < links.length; i++) {
if (links[i].getAttribute('rel') === 'stylesheet') {
// 切换样式
if (links[i].getAttribute('href') === 'style1.css') {
links[i].setAttribute('href', 'style2.css');
} else {
links[i].setAttribute('href', 'style1.css');
}
}
}

以上代码中，我们遍历所有的 link 标签，如果其 rel 属性为 stylesheet，说明它是一个 CSS 链接，然后判断其 href 属性是否为 style1.css，如果是则切换为 style2.css，否则切换为 style1.css。

最后，当用户点击切换按钮时，我们可以执行该 JavaScript 代码实现样式切换。例如：

var button = document.getElementById('switch-button');
button.onclick = function() {
var links = document.getElementsByTagName('link');
for (var i = 0; i < links.length; i++) {
if (links[i].getAttribute('rel') === 'stylesheet') {
// 切换样式
if (links[i].getAttribute('href') === 'style1.css') {
links[i].setAttribute('href', 'style2.css');
} else {
links[i].setAttribute('href', 'style1.css');
}
}
}
};

以上代码中，我们通过document.getElementById()方法获取切换按钮，并为其绑定一个 onclick 事件，在事件处理函数中执行样式切换的 JavaScript 代码。

通过以上代码示例，你可以学习如何使用 JavaScript 实现 CSS 链接的切换，以及如何在 HTML 文件中定义多个 CSS 链接。