替代樣式表

備用樣式表通常使用帶有rel="alternate stylesheet"和title="…"屬性的<link>元素進行指定。例如

<link href="reset.css" rel="stylesheet" />

<link href="default.css" rel="stylesheet" title="Default Style" />
<link href="fancy.css" rel="alternate stylesheet" title="Fancy" />
<link href="basic.css" rel="alternate stylesheet" title="Basic" />

在此示例中，“預設樣式”、“花哨”和“基本”將列在“頁面樣式”子選單中，“預設樣式”預先選中。當用戶選擇其他樣式時，頁面將立即使用該樣式表重新渲染。

無論選擇哪種樣式，reset.css 樣式表中的規則都將始終應用。

在此處嘗試一個工作示例.

文件中的任何樣式表都屬於以下類別之一

• **持久**（具有rel="stylesheet"，無title=""）：始終應用於文件。
• **首選**（具有rel="stylesheet"，並指定了title="…"）：預設情況下應用，但如果選擇了備用樣式表，則停用。**只能有一個首選樣式表**，因此提供具有不同 title 屬性的樣式表會導致其中一些樣式表被忽略。
• **備用**（rel="alternate stylesheet"，並指定了title="…"）：預設情況下停用，可以選擇。

當使用<link rel="stylesheet">或<style>元素上的title屬性引用樣式表時，該標題將成為提供給使用者的選項之一。使用相同title連結的樣式表是同一選項的一部分。沒有title屬性連結的樣式表始終應用。

使用rel="stylesheet"連結到預設樣式，並使用rel="alternate stylesheet"連結到備用樣式表。這告訴瀏覽器哪個樣式表標題應預設選中，並在不支援備用樣式表的瀏覽器中應用該預設選擇。