**/* 特定の画像だけにCSSを当てる */**
img[src="<http://tokuteinogazou.png>"] {
/* CSSを書く */
}
**/* 特定のドメインだけにCSSを当てる */**
img[src^="<http://tokuteinodomein.com>"]{
/*「srcがtokuteinodomein.comで始まる画像」のみにCSSが当たる */
}
**/* 特定の文字列で終わる画像にCSSを当てる */**
img[src$="abc.com"] {
/*
「abc.comで終わる場合」のみにCSSが当たる
「<http://abc.com>」と「<http://www.abc.com>」みたいな時にも使える
「.png」や「.jpg」というように、特定の拡張子だけに割り当てることも可能
*/
}
**/* 特定の文字列が「src内のどこか」にある画像にのみCSSを当てる */**
img[src*="0601"] {
/*「srcのどこかに”0601”が入っている画像にのみCSSが当たる」*/
}
【CSS】特定の画像だけに適用させるセレクタ!ドメインや拡張子で条件分岐できる!
属性セレクター - CSS: カスケーディングスタイルシート | MDN