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

harada 17views 更新:2015年2月20日

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

CSS

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

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

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません