【あんちゃん 様】PDFアイコンを記事に挿入したいです

初めまして、お助けください！！
PDFアイコンを記事に挿入したいです。が、色々検索してやってみてもうまくいかないです。できたらプラグインを使用せずにやりたいです。
私がやってみたかったのは、①メディアでPDFの画像(.png)をアップ

②a[href $='.pdf'] {
    background:url(<img src="http://www-user.*****/wp-content/uploads/2019/06/pdf-450x450.png" alt="" width="35" height="35" class="alignnone size-medium wp-image-1687" />) no-repeat right;
    padding-top: 0;
    padding-bottom: 0;
    padding-right:20px;
    padding-left: 0;
    overflow:hidden;
    margin-top: 0;
    margin-left:0;
    text-decoration:none;
}

です…。そうするとPDFアイコンは登場するものの、上記コードもでてしまうんです。
よろしくお願いいたします。。。

ご相談ありがとうございます。
コードの整合性チェックまでは行っておりませんが、一点だけ。

backgroundの書き方が違いますね。HTMLコードとごっちゃになっているようです。

background:url('https:// ~~~~ .pngまで ') 略;

で問題ありません。

ただ、実際に画像が出てしまうというのは、このCSSコードを.phpファイルに直接書いている形でしょうか。
もし余裕があれば
外観 ＞ カスタマイズ ＞ 追加CSS
といった方法についても勉強してみてください。

以下、CSS関連の記事になります。
【まいまい様】WordPressで記事ごとに個別のcssを追加する色々な方法
WordPressの記事ページのみにカスタマイズCSSを適応させたい