【css】aタグに指定してあるPDFリンクをcssで判別する方法

cssでリンクがpdfかどうか判別する方法

a[href$=".pdf"]{
…
}

書き換えればjpgとかExcelやWordなんかもいける

URLかどうか判別する際はこう書く

a[href^="https://"] {
…
}

「前方一致(^=)」「後方一致($=)」「部分一致(*=)」ってのがあるみたい

//前方一致の「^=」
a[href^="https://"] {
…「https://」から始まるリンクを持つaタグ指定
}
//後方一致の「$=」
a[href$=".pdf"]{
…「.pdf」と末尾につくリンクを持つaタグ指定
}
//部分一致の「*=」
a[href*="sample.com"] {
…「sample.com」をリンク内に持つaタグ指定
}

↓参考

[href^=#]とはなんぞや。ページ内リンクをスムーススクロールさせる時に記述しているあれ

初心者は意外と使っていないかもしれないCSSの指定の仕方

【CSS】実はこんなに便利！cssのセレクタ指定方法をちょっとだけ掘り起こしてみた