気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
[CSS]リンク先や拡張子ごとにリンクのアイコンを変更するスタイルシート | コリス
260 users
coliss.com
coliss.com
coliss.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
「a href」を使用したリンク箇所のアイコンを、リンク先やmailtoやPDF・画像などそれぞれごとにアイコン... 「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'] 判別する箇所のサンプル -画像
coliss.com
coliss.com
coliss.com
coliss.com
speakerdeck.com/codehex
www.bloomberg.co.jp
www.jiji.com
togetter.com
www.yomiuri.co.jp
anond.hatelabo.jp
anond.hatelabo.jp
withnews.jp
blog.kyash.co
colibris-wiki.org
markezine.jp
www.itmedia.co.jp
2012/01/13 リンク