Question

<style type="text/css">
<!--
    p {margin: 0; padding: 0;}  .ft10{font-size:17px;font-family:JEFJLV+FoundersGrotesk-Medium;color:#ffffff;}
    .ft11{font-size:17px;font-family:JEFJLV+FoundersGrotesk-Medium;color:#105334;-moz-transform: matrix(         0,          1,         -1,          0, 0, 0);-webkit-transform: matrix(         0,          1,         -1,          0, 0, 0);-o-transform: matrix(         0,          1,         -1,          0, 0, 0);-ms-transform: matrix(         0,          1,         -1,          0, 0, 0);-moz-transform-origin: left 75%;-webkit-transform-origin: left 75%;-o-transform-origin: left 75%;-ms-transform-origin: left 75%;}
-->
</style>

我想从上面的html片段中提取.ft10和.ft11的属性。

我正在使用bs4中的Comment函数，但它返回一个空列表。

for style in soup.find_all('style'):

        comments = style.find_all(string=lambda text: isinstance(text, Comment))
        print("comments ====> ", comments)
        for c in comments:
            print(c)
            print("===========")
            c.extract()

我想要一个包含所有类的字体大小，字体和颜色的列表。

Answer 1

我能够获取该值。但是，不确定是否可以在其他用例中使用。

from bs4 import BeautifulSoup
from bs4 import Comment
html='''<style type="text/css"> <!-- p {margin: 0; padding: 0;} .ft10{font-size:17px;font-family:JEFJLV+FoundersGrotesk-Medium;color:#ffffff;} .ft11{font-size:17px;font-family:JEFJLV+FoundersGrotesk-Medium;color:#105334} --> </style> '''
soup=BeautifulSoup(html,'html.parser')
item=soup.find('style')
data1=item.next_element
soup1=BeautifulSoup(data1,'html.parser')
comments = soup1.find_all(string=lambda text: isinstance(text, Comment))
for c in comments:
  data=c.strip().split('}')
  str1=data[1].split('.ft10')[1]+ "}"
  str2=data[2].split('.ft11')[1]+ "}"

print(str1)
print(str2)

输出：

{font-size:17px;font-family:JEFJLV+FoundersGrotesk-Medium;color:#ffffff;}
{font-size:17px;font-family:JEFJLV+FoundersGrotesk-Medium;color:#105334}

使用BeautifulSoup解析<style>标记内的html注释

1 个答案:

输出：