HTML CSS IE7コンディションコード

Question

私はこれらのHTML条件付きコードをIE 7用に持っていますが、動作していないようです。

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

<link rel="stylesheet" type="text/css" href="/css/styles.css" /> 

何か問題がありますか？紛失していますか？そう、古いものを上書きします同じspecificityとセレクタの

<link rel="stylesheet" type="text/css" href="/css/styles.css" /> 

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

ルール：あなたはstylesie.cssでIE7のためにあなたのルールを調整した場合

Answer 1

、それは後に元のCSSファイルををロードする必要がありますIE7はまずstylesie.cssを解析し、それらのルールをstyles.cssのルールで上書きします。

Basic example of this behavior:

div, div.red{ 
    color:red; 
} 
div{ 
    color:blue; 
} 

これはクラスredとタグ付けされたものを除い、全て<div>に青色になります。

Answer 2

与えられた情報から私は推測しようとするしかありません。"/css/styles.css"は、後に含まれているので、"/css/stylesie.css"のCSSプロパティを上書きします。だから私は前にそれを含めるようにしようとしています：

<link rel="stylesheet" type="text/css" href="/css/styles.css" /> 

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

Answer 3

あなたが挿入した位置は問題だと思います。あなたのページは、最初にIE定義を読み込み、すべてのブラウザの「デフォルト」になっているはずのCSSを追加します。 IE-Versionのような同じ要素の定義がある場合は、単純にそれらを上書きします。