2

IEのクラスをターゲットにしようとしています。ただし、ボイラープレートテンプレートが変更されたため、これは機能しなくなりました。

.myclass {
 //do something
}


.ie7 .myclass {
 ///do something

 }

これは、ボイラープレートテンプレートの新しいヘッダーにあるものです。

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
4

2 に答える 2

18

IE9は最新のブラウザーのすべてのマーキングを備えているため、IE9をターゲットにすることはお勧めしません。そのため、IE9固有の条件付きクラスはありません。それでも希望する場合は、次を使用できます。

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

IE10は条件付きコメントを認識しないことに注意してください。

于 2012-02-13T01:27:48.660 に答える
0

ヤクボイラープレート！ともかく：

.lt-ie9.lt-ie8 .myclass {}

あなたがやりたいことをする必要があります。

編集

IE7を例に挙げているので、質問を読み間違えました。IE9を使用する場合は、次の操作を実行できます。

.myclass {}
于 2012-02-10T19:19:28.400 に答える