我有两个 CSS 页面，
我想根据某些条件将 HTML 页面链接到其中之一。
怎么做？
问问题
1454 次
3 回答
5
您可以使用 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" />
于 2012-12-24T08:56:29.047 回答
1
看看这个页面，它解释了如何使用 JS 来切换样式表。仅当“条件”是您可以在客户端检测到的条件时，这才有可能。
于 2012-12-24T08:56:56.080 回答
0
旧的 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
Use javascript to load css. Something like this: http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml
于 2012-12-24T09:00:35.927 回答