BeautifulSoupで複数の属性でfind_allする方法を教えてください

環境

python3.7
beautifulsoup4.7.1

前提・実現したいこと

PythonでBeautifulSoupを使い始めたばかりです。
<span style="font-size::12px">と<p id="hoge">と言ったようにタグと属性で指定して、
複数条件で並び順を維持したまま所得したいと思いました。

<span style="font-size:16px">hoge</span>
<span style="font-size:12px">title1</span>
<p id="1">text01</p>
<p id="2">text02</p>
<p id="3">text03</p>
<span>huga</span>
<span style="font-size:12px">title2</span>
<p id="1">text01</p>
<p id="2">text02</p>
<p id="3">text03</p>
<span>huga</span>

上のような構造のHTMLからspanでslyle属性とpタグのIDを指定して、
titleとtextのみを並び順を維持して所得したいのですが方法が分かりませんでした。

from bs4 import BeautifulSoup
import pathlib

p = pathlib.Path(filePath)
htmlFile: str = p.read_text(encoding="utf-8")

soup = BeautifulSoup(htmlFile, features="lxml")
print(soup.find_all("span", style="font-size:12px"))

上記コードのsoup.find_all("span", style="font-size:12px")の部分にもう一つ条件を追加して

<p id=re.compile("\d+")>の項目を同時に所得するために span, style="font-size:12px" or "p", id=re.compile("\d+")という感じで双方を所得したいと思っています。

試したこと

soup.find_all(["span", "p"])で複数のタグを所得できるので、

soup.find_all([["span", style="font-size:12px"], ["p", id=re.compile("\d+")])

としても駄目でした。

よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

soup.find_all(['span', 'p'])でタグを絞り込んでから
タグと属性が同じかチェックしてからリストに登録しています。

python
1from bs4 import BeautifulSoup
2
3html = '''<span style="font-size:16px">hoge</span>
4<span style="font-size:12px">title1</span>
5<p id="1">text01</p>
6<p id="2">text02</p>
7<p id="3">text03</p>
8<span>huga</span>
9<span style="font-size:12px">title2</span>
10<p id="1">text01</p>
11<p id="2">text02</p>
12<p id="3">text03</p>
13<span>huga</span>'''
14
15soup = BeautifulSoup(html, 'html.parser')
16
17result = []
18
19for i in soup.find_all(['span', 'p']):
20    if i.name == 'span' and i.get('style') == 'font-size:12px':
21        result.append(i.get_text(strip=True))
22
23    elif i.name == 'p' and str.isdecimal(i.get('id')):
24        result.append(i.get_text(strip=True))
25
26print(result)