Question

我想找一个快速函数来获取lxml元素的所有样式属性，这些属性考虑了css样式表，样式属性元素并解决了herit问题。

例如：

html：

<body>
  <p>A</p>
  <p id='b'>B</p>
  <p style='color:blue'>B</p>
</body>

css：

body {color:red;font-size:12px}
p.b {color:pink;}

python：

elements = document.xpath('//p')
print get_style(element[0]) 
>{color:red,font-size:12px}
print get_style(element[1]) 
>{color:pink,font-size:12px}
print get_style(element[2]) 
>{color:blue,font-size:12px}

由于

Answer 1

您可以使用lxml和cssutils的组合来完成此操作。 This cssutils实用程序模块应该可以执行您所要求的操作。安装cssutils和该模块，然后运行以下代码：

from style import *

html = """<body>
    <p>A</p>
    <p id='b'>B</p>
    <p style='color:blue'>B</p>
</body>"""

css = """body {color:red;font-size:12px}
p {color:yellow;}
p.b {color:green;}"""


def get_style(element, view):
    if element != None:
        inline_style = [x[1] for x in element.items() if x[0] == 'style']
        outside_style =  []
        if view.has_key(element):
            outside_style = view[element].getCssText()
        r = [[inline_style, outside_style]]
        r.append(get_style(element.getparent(), view))
        return r
    else:
        return None

document = getDocument(html)
view = getView(document, css)

elements = document.xpath('//p')
print get_style(elements[0], view)

如何获取lxml元素的css属性？

1 个答案: