0

ExtrenalスタイルシートのクラスのCSSがあります。異なるブラウザでそのクラスのCSSを区別する必要があります。異なるブラウザの外部スタイルシートにそのクラスの異なる属性を書き込むにはどうすればよいですか。さまざまなスタイルシートを維持することでこれを行うことができます。しかし、私は余分なスタイルシートを取りたくありません。

4

1 に答える 1

2

ブラウザ固有のスタイルを確実に作成する 2 つの方法は、ベンダー プレフィックスと条件付きコメントを使用することです。

ベンダー プレフィックスには、スタイルに適切なベンダー タグをプレフィックスとして付けることが含まれます。例は次のとおりです。

.button {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px; 
   -o-border-radius: 5px; 
   border-radius: 5px;
}

これらに対処する方法は他にもたくさんありますが、その多くはこのCSS-Tricks articleで説明されています。

条件付きコメントは、適切なブラウザーが使用されている場合、古いブラウザーが認識してスタイルシートに実装する、コメント タグ間のコード ブロックです。

この例は次のようになります。

<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->
于 2013-01-09T08:54:59.920 に答える