候选样式表（alternate stylesheet），定义方式为 rel 属性的值设为 alternate stylesheet。仅当用户自己选择，文档才会使用候选样式表渲染。
使用方式：
- 设置 rel="alternate stylesheet"
- 设置 title 属性
如果浏览器支持候选样式表，会使用 link 元素 title 属性的值生成候选样式列表。
下面是一个示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="./sheet1.css" title="Default">
<link rel="alternate stylesheet" type="text/css" href="./sheet2.css" title="bule theme">
<link rel="alternate stylesheet" type="text/css" href="./sheet3.css" title="red theme">
</head>
<body>
<p> 候选样式表(alternate stylesheet)，定义方式为把 rel 属性的值 设为 alternate stylesheet.
如果浏览器支持候选样式表，会使用 link 元素 title 属性的值生成候选样式列表。
</p>
</body>
</html>
如上分别对应 三个 css 文件
目录结构
在IE中的测试结果：
测试结果
截止 2016 年年末，多数基于 Gecko 的浏览器，如 Firefox 和 Opera，都支持候选样式表，Internet Explorer 原生不支持，不过可以借助 JavaScript。基于 WebKit 的浏览器不支持候选样式表。
网友评论