cssでブラウザタイプが検出される

Question

誰かがcssでブラウザタイプを検出する方法を知っていますか？私がしようとしているのは、ユーザーがIE 8を使用してページを表示し、クラス 'black2'を{font-size：0.75em; color：＃1e549b;}をcssに設定すると、{font-size：0.95em;色：＃1 1e549b;}

Answer 1

this同様の質問

あなたはCSSでIEの検出のためのコメント特別なを使用することができ、またはJavaScriptを使用してロジックを実行し、（jQueryのを使用して、たとえば）プログラムでCSSクラスを適用することができますを参照してください。 。

Answer 2

私は完全を期すためにこれを言及していますが、私は強くあなたがCSS式の衝撃性能ので、別のルートを行くと、クロスプラットフォームフレンドリーではないかもしれないことを助言する：

あなたが結合されたCSSの表現を使用することができます動的にスタイルを設定するJavaScriptを使用します。例：

<style> 
P 
{ 
    background-color: expression(getBackgroundColor(this)); 
} 
</style> 

<script type="text/javascript"> 
    function getBackgroundColor(elem) 
    { 
    return "green"; 
    } 
</script> 

このJavaScript関数を使用して、ブラウザのバージョン（最適なアイデアではない）と色を盗聴することができます。

Answer 3

<!--[if IE 8]> 
    <style>.black2 { font-size:0.75em; color:#1e549b;} </style> 
<![endif]--> 

しかし、なぜあなたは別のフォントサイズを提供していますか？彼らに一貫性を持たせることはできませんか？最初のパーセントを設定しようとしましたが、emsを使用しましたか？

Answer 4

サーバー側のコード（php、asp.net、asp、..）を実行している場合は、サーバー上のブラウザを検出し、ブラウザ固有のコードのヘッダーに追加のスタイルシートを含める方がよいでしょう。

これ以外の場合は、さまざまなブラウザの種類とバージョンに合わせてCSSを挿入するために使用できる多数のブラウザハッキングがあります。彼らが「ハックする」ので、CSSは醜い速さになります。