javascript - 特定の条件が発生した場合にCSSにリンクするにはどうすればよいですか？

Question

CSSページが2つあります。

特定の条件に応じて、HTMLページをそれらの1つにリンクしたいと思います。

どうやってするの？

Answer 1

<link>JavaScript を使用して要素を動的に作成できます。

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

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