E[foo$=”bar”]セレクタで拡張子によってリンク色を変更する

E[foo$="bar"]を利用することでfoo属性の文末の値がbarで終わる場合に適用されるスタイルを指定できます。

CSS

a {
 color:#000;
}
a[href$=".jpg"] {
  color:#f00;
}

JPEG画像へリンクしているもののみ、リンクテキストの色が赤になります。
CSS3を利用すると本当に色々できますね。

AWS構築サービスの全てをまとめた資料を公開中

ハックノート(TOWN株式会社)では、AWSの導入や構築支援を行っています。AWS導入メニューやサービス詳細、構成例や費用を掲載した資料をダウンロードできます。

AWSの新規導入やAWSへの移行を検討の際は、ぜひご参考ください。