7+IE8以降です」というケース。7でのIEの最低バージョンが8なため、2015年1月現在でも、社内システムやセキュリティ等の絡みでIE8を使用している企業は結構多いようです。疑似クラスを使う必要がある場合、以下の2つの方法があります。使うこのSelectivizrの特長は、非常に導入が簡単、という事につきます。基本的にはhtmlに読み込ませるだけで使えるようになります。加えてこのSelectivizr、CSS3の主なセレクタや疑似クラス・要素(全てではありません)が使えるようになります。導入方法は、サイトからSelectivizrをダウンロードhtmlのheadにリンクを設定(IE6〜8の条件付きコメントでの設置推奨です)ざっくりとですが、以上2ステップで導入が完了します。ひとつ条件がありまして、jQueryやprototypeなどのライブラリが必須になっています。いえ現状では、ライブラリを使用していないサイトはあまりないので、特に気にする必要はないと思います。記述する上記のSelectivizrを設置する場合、Webサイト内のすべてのhtmlに記述をする必要があるため、すでに大量のページがあるようなサイトでの導入はやや面倒かもしれません。使用するという事は、多くの場合[li:last-child]とするのではないでしょうか。このような状況の時は、以下のようにちょこっとだけjQueryを記述する方法が簡単かもしれません。使用したい時は、sample.jsの[li:last-child]部分をCSSのネストと同じようにしてあげれば良いです。li:last-child]こんな感じに。下記の参考サイトによると、今からおよそ1年後の2016年1月12日には、IE8のサポートが終了するとの事なので、本記事の内容はそれまでの暫定的な対応方法にはなりますが、IE8のサポートが終了したら、JavaScriptの記述を削除するだけ(2)で良いので、比較的良い方法なのでは、と思います。8のサポートを2016年1月12日に終了へスポンサーリンクシェアするツイートフォローするみっち関連記事GoogleAnalyticsでPDFをページビューとしてカウントするGoogleアナリティクスを導入しているWebサイトは企業・個人ともとても多いと思いますが、サイト内にあるPDFもページビューにカウントした...記事を読むCSSだけでマウスオーバーマウスオーバーはいくつも手法がありますが、ここではCSSだけを使ってマウスオーバーで画像を切り替えるサンプルを紹介します。基本的にすべて...記事を読むCSSでマルチカラムマルチカラム(段組み)レイアウトのサンプルを2つ紹介します。ボックスをfloatで左右に振り分ける...記事を読むjQueryでページトップへスクロールjQueryを使ったシンプルなページトップリンクのサンプルです。当然のことですがjQueryが必須になりますので、以下からダウン...記事を読む要素を天地中央に配置2014年4月にXPのサポートが終了したことにより、思う存分使えるようになったdisplayプロパティ。このサンプルもその恩恵にあずかってお...記事を読むJavaScript(jQuery)でhtmlをインクルードJavaScript(jQuery)を使って外部に設置したhtmlファイルをインクルードさせるサンプルです。XPのサポートが2014年4月に終了したことで、IE6を切り捨てる大きな理由ができ、Web制作関係者は歓喜に包まれたこと...記事を読むjQueryでグローバルナビの現在地をアクティブに(CSSクラス付与)Webサイト構築で、ほぼ必須と言ってもいいグローバルナビゲーションと現在位置(カレント)表示。