css中id选择器后带冒号,在BeautifulSoup CSS选择器中处理冒号

输入HTML:

apple

peach

cucumber

所需的输出:所有div元素正好在下面

.

我正在尝试div使用CSS选择器找到父级:

div[style="display: flex"]

这会引发错误:

>>> soup.select('div[style="display: flex"]')

Traceback (most recent call last):

File "", line 1, in

File "/Users/user/.virtualenvs/so/lib/python2.7/site-packages/bs4/element.py", line 1400, in select

'Only the following pseudo-classes are implemented: nth-of-type.')

NotImplementedError: Only the following pseudo-classes are implemented: nth-of-type.

看起来像BeautifulSoup尝试将冒号解释为伪类语法.

我试图遵循在CSS选择器中的元素ID中处理冒号时建议的建议,但它仍然会抛出错误:

>>> soup.select('div[style="display\: flex"]')

Traceback (most recent call last):

File "", line 1, in

File "/Users/user/.virtualenvs/so/lib/python2.7/site-packages/bs4/element.py", line 1400, in select

'Only the following pseudo-classes are implemented: nth-of-type.')

NotImplementedError: Only the following pseudo-classes are implemented: nth-of-type.

>>> soup.select('div[style="display\3A flex"]')

Traceback (most recent call last):

File "", line 1, in

File "/Users/user/.virtualenvs/so/lib/python2.7/site-packages/bs4/element.py", line 1426, in select

'Unsupported or invalid CSS selector: "%s"' % token)

ValueError: Unsupported or invalid CSS selector: "div[style="displayA"

问题:

在BeautifulSoupCSS选择器中使用/转义冒号的正确方法是什么？

请注意,我可以使用部分属性匹配来解决它:

soup.select("div[style$=flex]")

soup.find_all("div", style="display: flex")

还要注意,我理解使用style定位元素远不是一个好的定位技术,但问题本身是通用的,提供的HTML只是一个例子.