CSSファイル内で特定の画像を指定している要素を取得したい

Question

前提・実現したいこと

hoge.pngを指定している要素（.hoge .fooと.fuga .baz）を取得したいです。

.hoge .foo {
  color: #white;
  background: url("hoge.png");
}
.bar {
  font-size: 16px;
  background: url(fuga.png);
}
.fuga .baz {
  margin: 0 auto;
  background: url("hoge.png");
  text-align: center;
}

import re
import codecs

css_file = codecs.open(r'C:\Users\username\Desktop\test.css', 'r', 'shift_jis')
css_list = css_file.readlines()

re_pattern_img = re.compile("hoge.png")
re_pattern_start = re.compile("{")
re_pattern_end = re.compile("}")
tmp_element = ""
result = []

def is_somthing(line):
    flag = False
    list_except = ['}', ':']
    
    for except_char in list_except:
        if except_char not in line:
            flag = True
        else:
            flag = False
            return flag

    return flag

for css_line in css_list:
    found_img = re_pattern_img.search(css_line)
    found_start = re_pattern_start.search(css_line)
    found_end = re_pattern_start.search(css_line)

    if is_somthing(css_line):
        tmp_element = tmp_element + css_line.replace("\n", "").replace("\r", "")

        if found_start:
            target_element = tmp_element.replace("{", "").strip()
            tmp_element = ""
        
    if found_img:
        result.append(target_element)

css_file.close()

試したこと

上記の通りです。
もう少しましな、やり方があるかと思います。
ご教授いただけましたら、ありがたいです。

補足情報（FW/ツールのバージョンなど）

AnacondaのSpyderで作業しています。

Answer 1

NOTE:
Pythonタグの付いた質問に対する回答としては不適でした

---

CSSOMを使ってドキュメントに紐付けられたCSSルールをぶん回して対応するセレクタを抽出すれば可能です.

https://developer.mozilla.org/ja/docs/Web/API/CSS_Object_Model

Comments

[退会済みユーザー]

ご回答ありがとうございます。

[退会済みユーザー]

ご丁寧にありがとうございます。