Question

我有两个CSS页面，

我想根据特定条件将HTML页面链接到其中一个页面。

怎么做？

Answer 1

您可以使用JavaScript动态创建<link>元素：

var link = document.createElement('link');

link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'css1.css';

document.head.appendChild(link);

或者只需编辑现有属性的href属性：

document.getElementById('your_stylesheet').href = 'css1.css';

并将<link>元素设为id：

<link href="default.css" rel="stylesheet" type="text/css" id="your_stylesheet" />

Answer 2

查看this page，了解如何使用JS切换样式表。只有当'条件'是您可以检测到客户端的条件时，才可能这样做。

Answer 3

旧的IE条件

IE有一些旧的条件

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="/css/ie6_fix.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/css/ie7_fix.css" />
<![endif]-->

新媒体查询

有一些新媒体查询： <link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />

http://css-tricks.com/css-media-queries/

的JavaScript

使用javascript加载css。像这样的东西： http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml

如果发生某种情况，如何链接到CSS？

3 个答案:

旧的IE条件

新媒体查询

的JavaScript