CSSアプリケーション：ファイルタイプに応じて異なるアイコンを表示します

私たちのブログは、他の人がダウンロードできるリソースを提供することがよくありますが、PJBlogでは、すべてのダウンロードリンクは1つのアイコンのみで表されます。この新しいテクノロジーである新しいCSS3属性セレクターを使用すると、さまざまな種類のダウンロードされたファイルに従って異なるアイコンを表示できます。

ここで使用したいのはです
e [att $ = value] {…}

その意味は、値で終わるすべての要素Eを選択するために使用されます。その後、私たちは次のように書くことができます：
a [href $ = '。torrent'] {
パディング：5px 20px 5px 0;
背景：透明なURL（ICONS/ICON_TORRENT.GIF）繰り返しセンター右;
}
a [href $ = '。vcard'] {
パディング：5px 20px 5px 0;
背景：透明なURL（ICONS/ICON_VCARD.GIF）繰り返しセンター右;
}
a [href $ = '。exe'] {
パディング：5px 20px 5px 0;
背景：透明なURL（ICONS/ICON_EXE.GIF）繰り返しセンター右。
}
a [href $ = '。dmg']、a [href $ = '。app'] {
パディング：5px 20px 5px 0;
背景：透明なURL（ICONS/ICON_DMG.GIF）繰り返しセンター右;
}