Beautifulsoup CSS數據提取

Question

我正在嘗試從html文檔中提取css數據。 數據點是用戶在圖像上生成的可變數量的圓形xy坐標，並按如下方式導出到html中：

#shapes a#rage_circle1{
    top: 248px;
    left: 231px;
    width: 18px;
    height: 18px;
    border: 1px solid #000000;
    background-image: none;
}

我想要頂部和左側像素數字的輸出。

更新：

這是我到目前為止所做的

from bs4 import BeautifulSoup
import re
soup = BeautifulSoup (open ('index.html'))
x= soup.findAll(text=re.compile('left'))
print (x)

生成的輸出是上面花括號之間的所有數據，而不僅僅是選擇“左”字符串。 我不確定為什么我的腳本沒有在花括號之間選擇特定的數據。 有什么建議么？

Answer 1

我認為cssutils是解決您問題的正確選擇。 以下代碼段將僅輸出所有top和left屬性的值。

import cssutils
css = cssutils.parseFile('index.html')
for rule in css.cssRules:
    print(rule.style.top)
    print(rule.style.left)