[CSS]リンク先や拡張子ごとにリンクのアイコンを変更するスタイルシート | コリス

「a href」を使用したリンク箇所のアイコンを、リンク先やmailtoやPDF・画像などそれぞれごとにアイコンを変更するスタイルシートのサンプル紹介です。 外部リンクでアイコンを変更する場合 a[href^="http://"]{ background:transparent url(../images/external.png) center rightright no-repeat; display:inline-block; padding-right:15px; } 判別する箇所のサンプル -mailto a[href^="mailto:"] 判別する箇所のサンプル -PDF a[href$='.pdf'] 判別する箇所のサンプル -圧縮ファイル a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'] 判別する箇所のサンプル -画像

[abeshin22]

メモ→[CSS]リンク先や拡張子ごとにリンクのアイコンを変更するスタイルシート | コリス

[lotus_tribal]

【急募】このcss3をIE6に対応させる方法

[webmarksjp]

webデザイン

[kiyokichi]

　すごいけどCSS3から(´･ω･`)

[terurou]

IE6じゃ属性セレクタ使えないから現状は微妙だなぁ。

[dezy]

リンク先や拡張子ごとにリンクのアイコンを変更するスタイルシート

[ag-commerce]

「a href」を使用したリンク箇所のアイコンを、リンク先やmailtoやPDF・画像などそれぞれごとにアイコンを変更するスタイルシートのサンプル紹介です。

[uchisuke]

CSS

[robin1978]

すごーい

[bluerabbit]

CSS3の属性セレクタ。IE6では使えない? 。　こんなことできたんですね。

[adsty]

お手軽簡単なリンクアイコン変更技。

[yoshiii]

ファイルを班ベルして、アイコンを付けてくれる。らしい。

[ryoota]

CSS3

[raitu]

//「a href」を使用したリンク箇所のアイコンを、リンク先やmailtoやPDF・画像などそれぞれごとにアイコンを変更するスタイルシートのサンプル紹介です。//

[kawacho]

属性値のセレクタ使うやつ。拡張子がついてない場合は、type 属性つけるといい。<a type="image/jpeg" href="...hoge.cgi?foo=bar">IMAGE</a>みたいなケース。

[sakadon]

CSSってこんなこともできるんだ！！！（棒読みで白々しく）

[reo2007]

　リンク先や拡張子ごとにリンクのアイコンを変更するスタイルシート

[thakuro]

メモメモ

[wakatakahawks]

http://www.webdevout.net/browser-support-cssによるとIE 7 ・Firefox 2・Opera 9以上で使えるのかな？検証して大丈夫ならまぁまぁ実用的な部類だから使ってみよう♪

[kixx_me_tender]

なんだこれすげえ！　CSSってこんなこともできたのか。

[penkun]

これは是非使ってみたいです。

[blend27]

css3

[yoiIT]

これはイイ！