在網頁開發中，我們經常需要切換 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 鏈接。